美文网首页
对vue生命周期的一点理解

对vue生命周期的一点理解

作者: 从小就很瘦 | 来源:发表于2018-07-10 18:06 被阅读0次

    按顺序来:

    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:实例销毁

    相关文章

      网友评论

          本文标题:对vue生命周期的一点理解

          本文链接:https://www.haomeiwen.com/subject/bcjqpftx.html