为什么要把data变成函数并return属性呢？
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。
将data封装成函数后，在实例化组件的时候，我们只是调用了data函数生成的数据副本，避免了数据污染。
new Vue({<!-- -->\
el: ‘#app’,\
data: function() {<!-- -->\
return { visible: false }\
}\
})\
element官方文档的例子里如此使用变量，html里面直接用visible即可访问，主要是data里的数据全局可见
为什么在项目中data需要使用return返回数据呢？
不使用return包裹的数据会在项目的全局可见，会造成变量污染；
使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。
例如：
备注：
不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。
当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。
export default{ data(){ return { showLogin:true, // def_act: '/A_VUE', msg: 'hello vue', user:'', homeContent: false, } }, methods:{
} }
let app= newVue({
el:"#app",
data:{
msg:''
},
methods:{
}
})
let app= newVue({
el:"#app",
data:{
msg:''
},
methods:{
}
})
vue中data里写return和不写的区别 vue实例中不写return的代码： let app= newVue({ el:"#app", data:{
},
methods:{
}
})
在使用组件化的项目中data写return的代码： export default{ data(){ return {
}
},
methods:{
}
}
写renturn和不写return的区别： 不使用return包裹的数据会在项目的全局可见，会造成变量污染 。
使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。
**后者的data是一个方法，**也就是：
data:function(){
return{
}
}
let app= newVue({
el:"#app",
data:{
msg:''
},
methods:{
}
})
let app= newVue({
el:"#app",
data:{
msg:''
},
methods:{
}
})
