vue中data()和data{}的区别

在vue中，data用于定义组件中所用到的数据，可以使用函数或者对象的方式来定义。

使用函数方式定义：

export default {
	data(){
		return {
			title: "标题"
		}
	}
}

使用对象方式定义：

export default {
	data：{
		title: "标题"
	}
}

两者的区别在于，组件的数据是否共享。

使用对象方式定义数据时，如果将一个组件作为另一个组件的子组件使用时，两个组件会共享同一个data对象，这就导致如果一个组件修改data对象属性的值，另一个组件中data对象相同属性的值也会修改，这个问题就是共享数据。

但是使用函数方式定义数据事，每个组件示例都会调用一次data函数，返回一个新的data对象，这就避免了数据共享问题。

因此，在vue中，推荐使用函数方式定义data。