Vue组件里data为何必须用函数封装成对象？

2026-04-03 08:450阅读0评论SEO教程

内容介绍
文章标签
相关推荐

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

Vue组件里data为何必须用函数封装成对象？

前言：我们需要先复习下原型的知识，这个问题主要涉及到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 原型链部分的知识）：

Vue组件里data为何必须用函数封装成对象？

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

标签：vue 组件为什么 data 必须

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

Vue组件里data为何必须用函数封装成对象？

前言：我们需要先复习下原型的知识，这个问题主要涉及到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 原型链部分的知识）：

Vue组件里data为何必须用函数封装成对象？

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

标签：vue 组件为什么 data 必须