对vue生命周期的一点理解

按顺序来:

beforeCreate: vue实例还没有初始化,此时可以增加一些加载动画之类的事件

created: vue实例创建完成,但是DOM还没渲染,此时可以做结束loading动画等事件。

检查是否有el,或者vm.$mount(el)

new Vue({
el:'#app'
})

或者

new Vue({
}).$mount('#app')

检查是否有template,也是两种:是否有组件或者组件模板

template:''

template:`
.....
`

beforeMount: 虚拟DOM中实现,开始渲染模板
mounted: 模板加载,这个函数结束,页面就渲染完成
beforeUpdate:组件更新之前
Updated:组件更新之后
beforeDestory
Destory:实例销毁

你可能感兴趣的:(对vue生命周期的一点理解)