VUE使用return包裹data用来防止数据污染

new Vue({
el: ‘#app’,
data: function() {
return { visible: false }
}
})
element官方文档的例子里如此使用变量，html里面直接用visible即可访问，主要是data里的数据全局可见

为什么在项目中data需要使用return返回数据呢？

不使用return包裹的数据会在项目的全局可见，会造成变量污染；
使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。
例如：

---

作者：huang__2
来源：优快云
原文：https://blog.youkuaiyun.com/huang__2/article/details/83446961
版权声明：本文为博主原创文章，转载请附上博文链接！