1、beforeCreate
-
- 在实例创建之前调用
-
- 没有实例化，访问不到数据
2、created
-
- 可以拿到数据，并修改
-
- 修改数据不会触发updated以及beforeupdate
-
- 在此钩子中，发请求获取数据
-
- 判断是否存在el，是否存在template，如果二者都有，以template为主优先， 如果 没有template,会选择el模板。如果二者都没有，有$mount 也可以调用模板
3、beforeMount
-
- 真实DOM节点挂载到页面之前，编译结束，存在虚拟Dom
-
- 可访问数据，也可修改数据
-
- 修改数据不会触发updated以及beforeupdate
4、mounted
-
- 真实DOM节点挂载到页面
-
- 可访问数据，也可修改数据
-
- 修改数据会触发updated以及beforeupdate
-
- this.$refs找到ref表示的节点
5、beforeUpdate
-
- 修改数据之前调用
6、updated
-
- 修改数据之后调用
-
- beforeUpdate以及updated可以监听到data中所有数据的变化
-
- 在此处做数据监听
-
- 不在此处修改不定数据，以防造成死循环
7、beforeDestroy
-
- 组件销毁等之前调用
8、destroyed
-
- 组件销毁等之后调用
9、activated
-
- keep-alive缓存组件时调用
10、deactivated
-
- 缓存组件卸载时调用
