首页vue中的data为何是一个方法,不是一个对象

vue中的data为何是一个方法,不是一个对象

时间: 2023-04-05 18:02:12 浏览: 137

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(){ }

Vue 中的 data 为了保证每个组件实例都有自己独立的数据，会将 data 定义为一个函数，每次创建组件实例时都会调用该函数返回一个新的对象作为该实例的 data。这样可以避免不同组件实例之间共享同一个 data 对象导致数据混乱的问题。

阅读全文