开发者社区> 龙哥手记> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

vue父子组件的生命周期

简介: 笔记
+关注继续查看

vue父子组件的生命周期顺序

加载渲染过程

父beforeCreate -> 父created-> 父beforeMount-> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

父组件会先执行到beforeMount,接着会执行子组件钩子到挂载结束,再挂载父组件。

子组件更新过程

父beforeUpdate -> 子beforeUpdate -> 子updated -> 父updated

父组件更新过程

父beforeUpdate -> 父updated

销毁过程

父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Vue中如何自定义组件实现组件化开发(案例步骤及组件传值)
在前端项目中,对于大面积可以复用的地方我们通常对其进行组件化的封装,从而提高代码复用率,简化开发,也便于后期对代码进行维护和修改。
30 0
vue-组件传值
组件传值 不管 vue 还是react 亦或某个框架都是重点 记得有篇文章写了 ,其实有些情况 完全可以用 js自带 dataset来传值哦
79 0
知道vue组件同级传值吗?
知道vue组件同级传值吗?
37 0
vue组件传值的概括图
vue组件传值的概括图
71 0
vue 组件间传值
1、父组件给子组件传值 父组件: <template> <child :name="name"></child> </template> <script> import child from ".
755 0
初识 Vue(05)---(组件间传值)
组件间传值(改进 TodoList) 改进 TodoList ,点击那个输出 ,那个输出就会消失 步骤一 TodoList 提交 ...
982 0
Vue-动态组件
当我们需要在组件之间切换的时候,可能会想到v-if或者v-show。 但是这俩个并不会保持组件的状态,比如v-if:我们每次隐藏显示切换的时候都会动态的去删除或者渲染组件,得到的组件是一个初始状态的,我们没有办法保持距离上次的状态。 于是——我们可以使用动态组件。 经过以上的叙述,我们不难直到什么是动态组件。 它就是动态的去切换组件的显示与隐藏。
6 0
前端-vue基础62-子组件通过自定义事件向父组件传值
前端-vue基础62-子组件通过自定义事件向父组件传值
18 0
前端-vue基础69-购物车3标题组件和结算组件
前端-vue基础69-购物车3标题组件和结算组件
21 0
vue父子组件通信以及非父子组件通信的方法
vue父子组件通信以及非父子组件通信的方法
32 0
+关注
龙哥手记
微信搜索「龙哥手记」,回复关键字:见面礼
文章
问答
文章排行榜
最热
最新
相关电子书
更多
利用编译将 Vue 组件转成 React 组件
立即下载
基于VUE的单页面性能优化实践
立即下载
产品经理的硬技能——业务建模
立即下载