vue 学习中遇到的一些问题

Vue中data有return返回函数问题：

在简单的vue实例中会看到Vue实例中data属性展示方式如下：

let app= newVue({

el:"#app",

data:{

msg:''

},

methods:{

}

})

但是在组件化的项目中使用的是如下的形式：

export default{

data(){

return {

}

},

methods:{

}

}

这里为什么要写return返回呢 

因为不使用return包裹的数据会在项目的全局可见，会造成变量的污染

使用return包裹的数据中变量只在当前的组件中生效，不会影响其他组件。