vue-learning:15

data

data属性是一个对象,存放最纯粹的数据,这些数据可以在模板template、计算属性computed、方法methods、监听器watch、过滤器filters、生命周期函数中使用,并且可能会更新它。

vue在实例创建过程中,对data数据解析时会对每个定义的数据变量作响应式封装,以便在其它地方改变它时能触发该数据变量所相关联的其它内容的更新。(具体见响应式原理章节)

new Vue()实例化中,data是作为一个对象属性传入,区别于自定义组件时data作为函数形式的写法。因为组件可以被复用,如果不对每个组件的data作限制的话,多个组件会享有同一个data对象,而函数形式能很好的开启一个函数作用域限制当前data对象在当前组件内可用。

// 实例化
new Vue({
    el: "#app",
    data: {
        count:0
    }
})

// 组件
export default {
    data: function(){
        return {
            count: 0
        }
    }
}
原文地址:https://www.cnblogs.com/webxu20180730/p/10891560.html