vue中data的两种写法

data为对象的写法

data:{
    message: '此时mustache表达式是通过data为对象来获取message的值'
  }

---

data为函数的写法

data(){
	return{
    	message: '此时mustache表达式是通过data为函数来获取message的值'
	}
  }

---

组件中访问data

组件对象也有一个data属性(也可以有methods等属性)，只是组件的data属性必须是一个函数且这个函数返回一个对象，对象内部保存着数据

组件的data属性是一个对象的情况会访问不到data中的数据

组件的data属性必须是一个函数且返回一个对象

---

为什么组件的data属性必须是一个函数且返回一个对象

组件可以重复使用，当一个组件使用多次，就会多次访问一个data数据，从而类似共享复用。如果组件的data属性不是一个函数且返回一个对象，在这种一个组件多次使用的情况下就会共享一个数据。
下面的例子就可以说明data属性是一个函数且返回一个对象的好处：