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