vue组件中data属性定义有什么要求 vue组件的data必须是函数

文章摘要：vue组件中data属性定义有什么要求 vue组件的data必须是函数

在vue组件中定义data属性的要求：在vue组件中，需要将data作为一个函数名、数据对象作为函数返回值来使 […]

在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函数，返回初始数据的一个全新副本数据对象。