VUE中data:和data()return{}的区别

data:和data()return{}

通常教程的写法：

var app = new Vue({
 el: '#app',
 data: {
 message: 'Hello World'
 }
});

在项目中的写法，把data变成一个函数对象，并return值

data() {
 	return {
 	message: 'Hello World'
 	}
 }

理由：
不使用return这种方式的数据会在项目的全局可见，会造成变量污染
把data包裹成函数以后，变量只在当前组件中生效，不会影响其他组件