Vue组件中的data属性

Vue中的data属性专门用来以对象方式存放数据,它有两种用法。

var vm=new Vue({
    data:{a:1,b:2,}, 
})
var vm=new Vue({
    data(){return {a:1,b:2,}}, 
})

但是在组件中,只接受第二种用法,即将data作为一个函数名、数据对象作为函数返回值来使用。因为组件可能被用来创建多个实例。如果data仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供data函数,每次创建一个新实例后,我们能够调用data函数,从而返回初始数据的一个全新副本数据对象。

posted @ 2019-05-22 15:49  Mr-Nobody  阅读(9670)  评论(0编辑  收藏  举报