对vue生命周期的一点理解

按顺序来:

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

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

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

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

或者

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

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

template:'</App>'

template:`<div id="app">.....</div>`

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容