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

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

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

总结

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

posted @ 2020-07-18 14:41  码上出彩  阅读(679)  评论(0编辑  收藏  举报