vue组件的data为什么是一个函数?而new Vue 实例里,data可以直接是一个对象?

我们知道,每个 vue 组件,其实是 Vue 的一个实例,每个 vue 组件中的 data 数据都是 Vue 原型上的属性,这就决定了,每个 vue 组件(实例)中的 data 必须是函数,而不能是对象。因为,如果是对象的话,每个 vue 组件(实例)会共用 Vue 原型上的属性,这就会造成数据混乱。而如果是函数形式的话,因为每个组件(实例)中的 this 都是指向该组件(实例)的,因此不会造成数据混乱。

posted @ 2022-05-15 19:57  RHCHIK  阅读(206)  评论(0编辑  收藏  举报