这篇文章主要为大家展示了“vue里的data为什么要用return返回”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue里的data为什么要用return返回”这篇文章吧。
官网的示例
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
}
});项目中的写法
data() {
return {
message: 'Hello'
}
}为什么要把data变成函数并return属性呢？
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。
将data封装成函数后，在实例化组件的时候，我们只是调用了data函数生成的数据副本，避免了数据污染。
PS：下面看下vue中data是否使用return的区别
// Vue实例中data属性是如下方式展示的：
let app = newVue({
el: "#app",
data: { msg: '' },
methods: {}
})
// 使用组件化的项目中是如下方式展示的:
export default{
data(){
return{
showLogin:true,
msg:''
}
},
methods:{}
}// 为何在大型项目中data需要使用return返回数据呢？
// 答：不使用return包裹的数据会在项目的全局可见，会造成变量污染
// 使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件
以上是“vue里的data为什么要用return返回”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
