在vue组件中定义data属性的要求:在vue组件中,需要将data作为一个函数名、数据对象作为函数返回值来使用,在创建新实例后,可以通过调用data函数,返回初始数据的一个全新副本数据对象。
具体分析如下:
vue中data属性的作用是用于以对象的方式存放数据,其具有函数和对象两种使用方法。
#以对象方式使用
var vm=new Vue({
data:{a:1,b:2,},
})
#以函数方式使用
var vm=new Vue({
data(){return {a:1,b:2,}},
})
而在vue组件中,组件需要用来创建多个实例,若data是一个对象,会导致所有实例共享引用同一个数据对象;所以需要将data作为一个函数名、数据对象作为函数返回值来使用,在每次创建新实例后,可以通过调用data函数,返回初始数据的一个全新副本数据对象。