小编给大家分享一下vue实例中data如何使用return包裹，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
创新互联成立于2013年，是专业互联网技术服务公司，拥有项目成都网站设计、做网站、
成都外贸网站建设公司网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元大名做网站,已为上家服务,为大名各地企业和个人服务,联系电话:13518219792
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：
let app= newVue({
el:"#app",
data:{
msg:''
},
methods:{
}
})在使用组件化的项目中使用的是如下形式：
export default{
data(){
return {
showLogin:true,
// def_act: '/A_VUE',
msg: 'hello vue',
user:'',
homeContent: false,
}
},
methods:{
}
}为何在大型项目中data需要使用return返回数据呢？
曰：不使用return包裹的数据会在项目的全局可见，会造成变量污染
使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。
以上是“vue实例中data如何使用return包裹”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
标题名称：vue实例中data如何使用return包裹-创新互联
URL链接：
http://cdkjz.cn/article/hesdh.html
