Vue源码解析，用this可以访问data属性的原因

new Vue({
	el: '#app',
	data: {
		message: 'this is message';
	}
})

在编写代码中可以通过this.message访问到message的值，这不是魔法，直接上源码。
在state.js的initData中，有如下代码

function initData(vm: Component) {
	let data = vm.$options.data
	data = vm._data = typeof data === 'function'
		? getData(data, vm)
		: data || {}
		
	/**** 此处省略若干行 ****/
	
	// 通过proxy把data里的值代理到vm对象上
	proxy(vm, `_data`, key)
}

// proxy函数相关的代码
// 定义访问器属性
const sharedPropertyDefinition = {
  enumerable: true,
  configurable: true,
  get: noop,
  set: noop
}

function proxy (target: Object, sourceKey: string, key: string) {
	sharedPropertyDefinition.get = function proxyGetter() {
		return this[sourceKey][key]; // 即访问 this['_data'][key]
	}
	sharedPropertyDefinition.set = function proxySetter(val) {
		this[sourceKey][key] = val;
	}	
	Object.defineProperty(target, key, sharedPropertyDefinition)
}

通过Object.defineProperty把data上的属性代理到vm上，vm即this对象。
这就是可以通过this.message访问data属性的原因。