Vue.js中data为什么是一个函数

Vue.js中data的作用

一、Vue.js中data为什么是一个函数

Vue组件具有高度复用性，组件是可复用的Vue实例，一个组件被创建后，可能被应用到各个地方，而不管这个组件被复用了多少次，组件中的data都应该是相互隔离，互不影响的，基于这一理念，组件每被复用一次，组件中的data就应该被复制一次，这样就可以保证，当某一处被复用的组件中的data的值发生变化后，也不会影响到其它被复用组件中的data的值。

二、Vue.js中data为什么要return回去

• 不使用return包裹的数据会在项目的全局可见，会造成变量污染
• 使用return包裹后的数据中的变量只是在当前组件内生效，不会影响其它组件

其实相当于使用闭包的一个思想，将当前页面内的数据放在了一个闭包里面，形成一个封闭的空间。