Vue 中 data 为何是一个方法返回的对象形式?

  我们知道,一个组件可能会被多处引用,那么如果直接使用对象形式,可以预想到所有引用此组件的实例,在对这个组件data中数据进行修改时,会影响到其他引用此组件的数据一起修改,造成数据混乱错误.

因此将其设置为一个方法返回的对象,避免了所有引用此组件的实例共享同一个data对象.

—————————————————————————————————————————————————————————————

以下为官方文档解释:

  当一个组件被定义,data 必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供 data 函数,每次创建一个新实例后,我们能够调用 data 函数,从而返回初始数据的一个全新副本数据对象。

posted @ 2021-09-21 21:41  TwinkleG  Views(1539)  Comments(0)    收藏  举报