Vue中的响应式原理，有两个问题请大家回答一下？

Question

首先上代码var data ={  msg:'hello world'}  //定义一条数据new Bue({  data : data   //vm层  data是不能变得，让data等于data 确定数据})function Bue(options){    ///?????????????  var data = options.data   ///?????????????  var _data = {}  Object.defineProperty(_data,'msg',{    get:function(){  //当数据被使用的时候 触发，数据返回什么就显示什么      return data.msg    },    set:function(newvel){ //当数据更改的时候被触发，将数据呈现在视图里      document.getElementById('a').innerHTML = newvel    }  })  document.getElementById('a').innerHTML = _data.msg  inp.oninput = function(){ //给input绑定一个如果更改文本框中的内容就触发就事件  console.log(this)    _data.msg = this.value    //这里的this指的就是input 让input的值等于_data中的数据，然后将数据呈现在页面上。  }}这是解释vue响应式原理的原生代码，在此我有几个问题，希望大家可以帮忙解决？1.这为什么要传一个参数options呢？2. var data = options.data 的作用是什么？为什么不直接data = data 呢？

Answer 1

因为这是一个对象，data只是这个对象里的一个属性，option还有其他的属性，比如el，methods, props
还有，在源码中，外部数据的data的定义和vue对象是不同文件，你怎么用data = data