Vue学习笔记（二）：实例

一、创建一个新的Vue实例

var vm = new Vue({});

传入一个选项对象，通过这些选项可以创建我们想要的行为。API文档

二、数据与方法

当Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所以属性。当这些属性值发生改变时，视图将会产生响应，即匹配更新为新的值。

var data = {a:1};
var vm = new Vue({
    data:data
});

对data和vm进行修改，都会改变对方。

注意：只有在实例被创建时data中存在的属性才是响应式的，当实例被创建之后，再添加的属性不是响应式的。

例外：Object.freeze();当对象被冻结后，会阻止修改现有属性，也就意味着响应系统无法再追踪变化。

Vue实例还暴露了一些有用的实例属性和方法，他们都有前缀 $ ，以便和用户属性区分开。例如：

vm.$el
vm.$data

三、实例的生命周期

实例生命周期钩子：他就是一个函数，在实例的不同阶段被触发执行。

这有一篇还不错的讲生命周期的博文，可以看一看

https://segmentfault.com/a/1190000008010666

几个重要的钩子函数：

1、beforeCreate：组件实例刚被创建，组件属性计算之前

2、created：组件实例创建完成，属性已经绑定，但是DOM还未生成

3、mounted：挂载之后

4、beforeUpdate：组件更新前

5、updated：组件更新后

6、beforeDestory：组件销毁前

7、destoryed：组件已销毁