1、组件中的data 　　组件可以有自己的data数据 　　组件中的data和vue实例中的data不一样，实例中的data是一个对象，而组件中的data是一个方法！！，方法中还要有return一个对象，使用方式与vue实例一样，都是{{ msg }}插值表达式 ...

在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。 Vue.component('my-component', { template: ' OK ', data() { return {} // 返回一个 ...

你在前面看到，在new Vue()的时候，是可以给data直接赋值为一个对象的。这是怎么回事，为什么到了组件这里就不行了。 实际上，它首先需要创建一个组件构造器，然后注册组件。注册组件的本质其实就是建立一个组件构造器的引用。使用组件才是真正创建一个组件实例。所以，注册组件其实并不 ...

在创建或注册模板的时候，传入一个data属性作为用来绑定的数据。但是在组件中，data必须是一个函数，而不能直接把一个对象赋值给它。 你在前面看到，在new Vue()的时候，是可以给data直接赋值为一个对象的。这是怎么回事，为什么到了组件这里就不行了。 你要理解，上面这个操作是一个简易 ...

场景 我们在vue组件中经常遇到需要重置表单的场景，需要重置data中的对象，例如弹窗新增项目，保存之后需要重置 方法一：element的resetfields 方法二： vue的this.$options.data().form方法对form重置 方法三： vue的data ...

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

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

一、vue组件中的data为什么是函数 　　为了保证组件的独立性 和 可 复用性，data 是一个函数，组件实例化的时候这个函数将会被调用，返回一个对象，计算机会给这个对象分配一个内存地址，你实例化几次，就分配几个内存地址，他们的地址都不一样，所以每个组件中的数据不会相互干扰，改变其中一 ...