• 介绍

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 }
　　}
})