首页vue2中的的data为什么是一个函数

vue2中的的data为什么是一个函数

时间: 2023-03-24 11:04:58 浏览: 107

Vue组件为什么data必须是一个函数

5星 · 资源好评率100%

前言我们需要先复习下原型链的知识，其实这个问题取决于 js ，而并非是 vue 。 function Component(){ this.data = this.data } Component.prototype.data = { name:'jack', age:22, } 首先我们达成一个共识（没有这个共识，请补充下 js 原型链部分的知识）：实例它们构造函数内的this内容是不一样的。 Component.prototype ，这类底下的方法或者值，都是所有实例公用的。解开疑问基于此，我们来看看这个问题： function Component(){ }

Vue2中的data为什么是一个函数？这是因为在Vue2中，每个组件实例都有自己独立的作用域，如果data是一个对象，那么它会被所有实例共享，这样就会导致数据混乱。而如果data是一个函数，每个实例都会调用该函数，返回一个新的对象，这样就可以保证每个实例都有自己独立的数据，不会相互影响。

阅读全文