为什么vue组件中data必须是一个函数?

Posted 要coding不要bug!!!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为什么vue组件中data必须是一个函数?相关的知识,希望对你有一定的参考价值。

在函数内声明实例属性保存data,每个实例对象的data都是经过一次函数执行得到有不同的返回结果,所以返回data的值具有自己独立的作用域。

  • 在定义Vue实例时,给Vue传参是一个对象,对象中data就是一个函数,Vue在实例化的时候会调用这个函数每个实例都会返回新的值,data得到不同的值作用域
  • 另外,赋值函数不一定要定义在原型上,也可以定义为函数或类的实例方法

总结

对象为引用关系,当复用组件时,由于数据对象都指向同一个data对象,当找一个组件中修改data时,其他重用的组件中的data会同时被修改,但是使用返回的对象的函数,由于每次返回的都是一个新对象,保障了引用地址不同,则不会出现修改同一个数据的问题

以上是关于为什么vue组件中data必须是一个函数?的主要内容,如果未能解决你的问题,请参考以下文章

为什么vue组件中data必须是一个函数?

Vue 组件中data的类型为什么必须是函数

Vue 组件中data的类型为什么必须是函数

Vue组件 为什么data必须是函数

Vue组件为什么data必须是一个函数呢?本文案例详解

为什么vue组件数据必须是一个函数?