vue实例中data如何使用return包裹

小编给大家分享一下vue实例中data如何使用return包裹，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联-专业网站定制、快速模板网站建设、高性价比海淀网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式海淀网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖海淀地区。费用合理售后完善，10年实体公司更值得信赖。

在简单的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包裹
本文网址：http://scjbc.cn/article/giijed.html