Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。对象必须是纯粹的对象 (含有零个或多个的 key/value 对)：浏览器 API 创建的原生对象，原型上的属性会被忽略。大概来说，data 应该只能是数据 ...

速记：粗浅的理解是，事件的结果是影响单个组件还是多个组件。因为大部分组件是要共享的，但他们的data是私有的，所以每个组件都要return一个新的data对象 返回对象的时候 data直接返回值的时候 ...

为什么在vue的组件中，data要用function返回对象呢？ 官方解释： 当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新 ...

　　如果两个实例引用同一个对象，当其中一个实例的属性发生改变时，另一个实例属性也随之改变，只有当两个实例拥有自己的作用域时，才不会相互干扰。 　　这是因为JavaScript的特性所导致，在component中，data必须以函数的形式存在，不可以是对象。 　　组建中的data写成一个函数 ...

原文地址 vue组件中的data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成 ...

1. 前言 在学习vue的时候，一直纳闷一件事：组件的data数据为什么必须要以函数返回的形式，为什么不是简单的对象形式呢？遂带着问题去翻官方文档，文档中自然也写明了这么做的原因，本篇博文以官方文档给出的原因为基础，并加上具体的例子，来阐述这么设计的原因。 回到顶部 2.正文 ...

在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。 Vue 实例的数据对象。Vue 将会递归将 data 的属性转换为 getter/setter，从而让 data 的属性能够响应数据变化。对象 ...

分析如上代码： 1、首先创建一个名字为counter的组件，data函数中返回一个外部定义的对象的值，如果直接给data属性设置一个对象而不是函数，那么会在浏览器中直接报错 2、在浏览器中运行代码 每次点击+1按钮，下边的值就会加一 3、如果我们在页面上同时使用三个 ...