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


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

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

总结

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM