Vue实例的的data对象

• 介绍

Vue的实例的数据对象data 我们已经用了很多了，数据绑定离不开data里面的数据。也是Vue的核心属性。 它是Vue绑定数据到HTML标签的数据源泉，另外Vue框架会自动监视data里面的数据变化，自动更新数据到HTML标签上去。本质原理是：Vue会自动将data里面的数据进行递归抓换成getter和setter，然后就可以自动更新HTML标签了，当然用getter和setter所以老的浏览器Vue支持的不够好。

• data对象的类型：

  • 类型是Object或者Function。
  • 如果是组件对象中，data必须是Function类型。

• 实例：

// 创建普通的Vue实例

1 2 3

var vm = new Vue({   data: data })

// 组件定义 
// Vue.extend() 中 data 必须是函数 

1 2 3 4 5 6

var Component = Vue.extend({ 　　data: function () { 　　//这里必须是函数！！！ 　　　　return { a: 1 } 　　} })