vue2中data的两种写法

vue2中data的两种写法：对象式、函数式。

组件中必须使用函数式，非中间中两种方式都可以。

// 方法一： 对象式
new Vue({
	el:'#app',
	data:{ // 方法一：对象式
		name:'jack'
	}
})

//方法二：函数式
new Vue({
	el:'#app',
  //data：()=>{ 不能使用箭头函数，否则函数内的this指向window而不指向Vue实例了
	//data:function(){ 方法二：函数式

	data(){ 方法二：函数式
		// 此处的this指向Vue实例
		return {
			name:'jack'
		}
	}
})

注意：由vue管理的函数，用普通函数，一定不用箭头函数，箭头函数没自己的this，往外会找到window身上，而不再指向Vue实例了。