一、创建一个新的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:组件已销毁