Vue实例

创建一个实例

var vm = new Vue({

})

data = {a : 1}
var vm = new Vue({
	data: data
})
vm.a = 2
alert(data.a)	//2

data.a = 3
alert(vm.a)		//3

vm创建时候没有声明的变量不可以绑定

data = {a : 1}
var vm = new Vue({
	data: data
})
data.b = 2
alert(vm.b)	//undefined
// 反之亦然

使用freeze()

<div id='app'>
			<p>{{message}}</p>
			<button v-on:click="message = '已经修改'">change it</button>
		</div>
		<script>
			data = {message : '基本信息'}
			Object.freeze(data)		//不会发生变化
			var vm = new Vue({
				el: '#app',
				data: data
			})
			// Object.freeze(data) ,要在变量绑定之前freeze
		</script>

除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来

			data = {message : '基本信息'}
			var vm = new Vue({
				el: '#app',
				data: data
			})
			alert(vm.$data == data)//true
			alert(vm.$el == document.getElementById('app'))//true

实例生命周期钩子

created（）

			data = {message : '基本信息'}
			var vm = new Vue({
				data: data,
				created() {
					// this指向vm实例,created创建在data加载之后
					alert('这是' + this.message)
				}
			})

生命周期