vue组件中data值不能为对象，因为对象是引用类型，组件可能会被多个实例同时引用。如果data值为对象，将导致多个实例共享一个对象，其中一个组件改变data属性值，其它实例也会受到影响。
上面解释了data不能为对象的原因，这里我们简单说下data为函数的原因。data为函数，通过return 返回对象的拷贝，致使每个实例都有自己独立的对象，实例之间可以互不影响的改变data属性值。
data为函数的示例：
data:function(){
return {
k1: 'v1',
k2: 'v2',
...
}
}
作者：涵一
来源：CSDN
原文：https://blog.csdn.net/yihanzhi/article/details/80350253
版权声明：本文为博主原创文章，转载请附上博文链接！
Vue组件data必须是函数 一、组件data() 函数 定义一个组件 注册组件Vue.component('cp...
数据类型 vue组件中data必须是函数 data(){return{}},new Vue中的选项可以是函数也可以...
new Vue() 实例中，data可以是直接是一个对象，为什么在vue组件中，data必须是一个函数呢？因为组件...
Vue组件中的data必须是一个function的原因分析 组件可以有自己的data，并且data必须是一个fu...
组件(可复用的vue实例) 注册组件必须在Vue实例化之前全局组件(跨vue实例)组件的data选项必须是一个函数...
首先看个例子 在new vue()中，data可以直接是一个对象，为什么在vue组件中，data必须是一个函数呢？...
首先看个例子 在new vue()中，data可以直接是一个对象，为什么在vue组件中，data必须是一个函数呢？...
组件中的 data 必须是一个函数，然后 return 一个对象，而 new Vue 实例里，data 可以直接是...
为什么vue组件中data必须是一个函数？ 组件是可复用的，当复用组件时，由于数据对象指向的是同一个data对象，...
data一定是函数 data必须是函数 使用组件时，大多数可以传入到 Vue 构造器中的选项都可以在 Vue.ex...
本文标题：vue组件中data必须是一个函数的原因
本文链接：https://www.haomeiwen.com/subject/psjzbqtx.html
网友评论