vue组件中data返回的是函数和对象的区别
返回是函数 的好处就是每个实例可以维护一份被返回对象的独立的拷贝，如果 data 是一个对象则会影响到其他实例，如下实例： 输出： ...
原文：【Vue】定义组件 data 必须是一个函数返回的对象
Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter setter，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 含有零个或多个的 key value 对 ：浏览器 API 创建的原生对象，原型上的属性会被忽略。大概来说，data 应该只能是数据 不推荐观察拥有状态行为的对象。 一旦观察过，不需要再次在数据对象上添加响应式属性。因此推荐在创建实例之前， ...
2019-02-13 13:15 0 1705 推荐指数：
相关推荐
为什么vue组件中的data不是一个对象而是一个函数
，数据以函数返回值的形式定义，这样每次复用组件的时候，都会返回一份新的data，相当于每个组件实例都有自己 ...
Vue 组件的data必须是一个函数
组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <button-counter>。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素 ...
为什么vue组件中data必须是一个函数？
在函数内声明实例属性保存data，每个实例对象的data都是经过一次函数执行得到有不同的返回结果，所以返回data的值具有自己独立的作用域。 在定义Vue实例时，给Vue传参是一个对象，对象中data就是一个函数，Vue在实例化的时候会调用这个函数每个实例都会返回新的值，data ...
vue中组件的data为什么是一个函数
组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受 ...
vue中组件的data为什么是一个函数
1. 前言 在学习vue的时候，一直纳闷一件事：组件的data数据为什么必须要以函数返回的形式，为什么不是简单的对象形式呢？遂带着问题去翻官方文档，文档中自然也写明了这么做的原因，本篇博文以官方文档给出的原因为基础，并加上具体的例子，来阐述这么设计的原因。 2.正文 组件是可复用的vue实例 ...
Vue组件中的data为什么必须是一个函数
在Vue的组件基础中有这样一句话：data必须是一个函数。 为什么data必须是一个函数呢？ 我们来看Vue在声明式渲染中给出的一个demo： 在这个demo中data是一个对象，通过 new Vue 创建的 Vue 实例中，我们直接把data ...
为什么在vue的组件中，data要用function返回对象呢
为什么在vue的组件中，data要用function返回对象呢？ 官方解释： 当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新 ...