vue-实例

1.构造器
1.1扩展vue
var MyComponent = Vue.extend({
// 扩展选项
})
var myComponentInstance = new MyComponent()
2.1属性和方法：
代理属性：
var data = { a: 1 }
var vm = new Vue({
data: data
})
vm.a === data.a // -> true
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3
2.2：代理响应式属性：
注意只有这些被代理的属性是响应的。如果在实例创建之后添加新的属性到实例上，它不会触发视图更新
2.3代理属性、方法与非代理属性、方法
var data = { a: 1 }
var vm = new Vue({
el: '#example',
data: data
})
vm.$data === data
vm.$el === document.getElementById('example')
vm.$watch('a', function (newVal, oldVal) {
})
代理方法和属性没有$
$watch:监听函数，监听vue属性的变化

3.vue的生命周期：
3.1.生命周期函数created
var vm = new Vue({
data: {
a: 1
},
created: function () {
console.log('a is: ' + this.a)
}
})
created函数在实例化完成时候执行
this指向调用此函数的vue
3.2.其他生命周期函数：
mounted、 updated 、destroyed

总结：
1.扩展vue
2.属性和方法
3.生命周期