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