当被问到vue组件中的 data 为什么是函数?

面试 · 2023-07-27

组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。

而单纯的写成对象形式,就使得所有组件实例共用了一份 data,如果其中一个组件改变了data的值,那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时,每个组件都会调用这个函数,返回一个新的对象,这样每个组件都拥有了自己独立的data对象,彼此之间不会产生影响。

因此,为了保证每个组件都有自己独立的data对象,Vue规定了data必须是返回一个对象的函数。 具体来说,当我们在组件中定义data为一个对象时,这个对象会被所有组件实例共享,如果其中一个组件改变了data的值,那么其它所有使用同一个data对象的组件都会受到影响。而当我们将data定义为一个函数时,每个组件都会调用这个函数,返回一个新的对象,这样每个组件都拥有了自己独立的data对象,彼此之间不会产生影响。

面试题
  1. TeacherDu 2023-07-27

    学习到了!

Theme Jasmine by Kent Liao