总结企业网站建设的流程,手机做免费个人网站,在线建设网站制作,最近三天的科技新闻定义 Vue的生命周期就是实例从创建到销毁的一个过程#xff0c;即从创建、初始化数据、编译模板、挂载Dom($el)-渲染、更新-渲染#xff0c;卸载等一系列的过程。el是挂载点如div idapp/div。 Vue的生命周期分为八个阶段 1.beforeCreate…定义 Vue的生命周期就是实例从创建到销毁的一个过程即从创建、初始化数据、编译模板、挂载Dom($el)-渲染、更新-渲染卸载等一系列的过程。el是挂载点如div idapp/div。 Vue的生命周期分为八个阶段 1.beforeCreate实例创建前
Vue实例开始初始化事件和生命周期函数data为空el为空。(可加loading效果)。 2.created实例创建后
Vue实例已创建好事件配置完毕。data有值el为空。(结束loading效果可发请求获取数据)。 3.beforeMount挂载前
首次调用render函数编译模板把data数据和模版生成html但html未挂载。data有值el有值。 4.mounted挂载后
把编译好的htmlvm.$el替换el属性指向的dom对象渲染完成。 5.beforeUpdate更新前
当数据发生改变和视图更新之前新数据和旧视图未同步。 6.updated更新后
虚拟dom重新渲染结束视图更新完成。可操作更新后的dom。 7.beforeDestroy销毁前
将要销毁组件此时Vue实例仍然可用。 8.destroyed销毁后
Vue实例所有的指令都解除绑定然后销毁组件和移除事件监听器。 完整的父子生命周期 父beforeCreate - 父created - 父beforeMount - 子beforeCreate - 子created - 子beforeMount - 子mounted - 父mounted-父beforeUpdate-子beforeUpdate-子updated-父updated-父beforeDestroy-子beforeDestroy-子destroyed-父destroyed
