Vue 中data 和 data() 区别

Vue 中data 和 data() {return {};}区别

一般简单Vue实例(常见教程视频中)

new Vue({
	el: "#id",
	data: {
		message: "Vue实例"
	}
});

在组件化的项目中(我们在公司接触的项目)

一般会这么写

export default {
	name: "home";
	data() {
		return {
			message: "组件化项目一般这样写~",
			......
		}
	}
}

两者区别

在大型项目中 data 需要使用 return来返回数据，不用return这种方式返回的数据在vue实例中是全局可见的，容易造成数据污染。使用return 返回的数据仅在组件内可见，对其他组件不生效。