为什么在vue的组件中，data要用function返回对象呢？

最新推荐文章于 2024-07-08 17:05:49 发布

转载最新推荐文章于 2024-07-08 17:05:49 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/CaseyWei/p/9315493.html

文章标签：

#javascript #ViewUI

本文深入探讨Vue.js中组件data属性的正确使用方式，强调data应定义为返回初始数据对象的函数，避免实例间共享同一数据引用，确保各组件状态独立。

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

这么理解如果不用function return 每个组件的data都是内存的同一个地址，那一个数据改变其他也改变了，这当然就不是我们想要的。用function return 其实就相当于申明了新的变量，相互独立，自然就不会有这样的问题

转载于:https://www.cnblogs.com/CaseyWei/p/9315493.html