vue实例中为什么data使用return 包裹

2019独角兽企业重金招聘Python工程师标准>>>

//在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：
let app= new Vue({

   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包裹后数据中变量只在当前组件中生效，不会影响其他组件。

转载于:https://my.oschina.net/yxmBetter/blog/1499469