Vue组件中data为何必须以函数形式定义？

本文共计453个文字，预计阅读时间需要2分钟。

前言：我们需要先复习原型的知识，这个问题其实解决于JS而非Vue。+function Component() { this.data=this.data; } Component.prototype.data={ name: 'jack', age: 22, }; 首先我们定义了一个共有属性（没有这这字）。

前言

我们需要先复习下原型链的知识，其实这个问题取决于 js ，而并非是 vue 。

function Component(){ this.data = this.data } Component.prototype.data = { name:'jack', age:22, }

首先我们达成一个共识（没有这个共识，请补充下 js 原型链部分的知识）：

• 实例它们构造函数内的this内容是不一样的。
• Component.prototype ，这类底下的方法或者值，都是所有实例公用的。