- beforeCreat() 创建前
- 遍历data对象下的属性,返回getter/setter (this.$options.data)
- created()创建 属性已经绑定,属性是可操作的。但Dom不存在。
- 这个生命同期,可以进行axios请求。
- 但是这个时候页面还没有被渲染出来,如果请求时间过长,则会出现长时间的白屏。
- 加Loadding可能会用户体验好一些。
- 会把template模板编译成html,还有执行render函数,返回一个虚拟的dom.
- 通过JS生成一个类似于dom树。
- beforeMount()挂载前
- 模板编译
- mounted()挂载
- 这个时候的虚拟dom 已经渲染到了真实的dom 上边
- beforeupdate()更改前
- updated()更改
- 会在被观察的属性作出变化时他们才会触发。
- 不要在这个函数下修改属性。会出现死循环。
- watch 很耗费资源。用updated代替。
- 计算属性是一种声明式的属性。
- beforeDestroy()销毁前
- 还可以对dom 进行操作的。
- destroyed()销毁
- computed
- 当依赖的属性的值发生变化时,计算属性会重新计算,反则使用缓存中的属性。
- 属性调用。{{methodTest}}
- getter 方法。计算属性的getter方法。同时,也会有setter方法。