美文网首页
对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学习记录

    vue全家桶 vue生命周期 生命周期的理解 新建项目 ①:cnpm install vue-cli -g (全...

  • 浅谈vue的生命周期

    生命周期 在使用vue的过程中,对vue的生命周期的理解是最基础的开始,也许你不需要全部理解,但对其中最主要的几个...

  • Vue生命周期

    一.个人理解对Vue的生命周期的理解 1.1: beforeCreate: 创建阶段的第一个生命周期函数,组件的P...

  • vue面试必会

    一、对于MVVM的理解? 二、 Vue的生命周期 1.什么是Vue生命周期? 2.vue生命周期的作用是什么? 3...

  • 对vue生命周期的一点理解

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

  • Vue生命周期小结

    Vue框架已日臻成熟,生命周期也算是老生常谈了。网路上也有很多对Vue生命周期的讲解。此处是补充上自己的理解,再次...

  • Day45/100 Vue的生命周期

    写在前面的话 Vue生命周期贯穿Vue的整体思想的理解~灰常重要 (一)Vue生命周期全景图 (二)新建Vue实例...

  • vue的生命周期

    目录:1.对于MVVM的理解2.Vue的生命周期3.什么是vue生命周期?4.vue生命周期的作用是什么?5.vu...

  • Vue2.0生命周期钩子

    给大家分享一下我对Vue2.0的生命周期钩子的理解与用法 一、生命周期图示 二、生命周期分解 1、beforeCr...

  • 前端面试问题

    1.对于MVVM的理解 2.开发中常用的指令有哪些 3.请详细说下你对vue生命周期的理解 4.vue-route...

网友评论

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

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