### 彪哥

爱好前端

- 基础

- 组件

  - 使用组件的细节点
  - 父组件给子组件传值
  - 子组件派发事件和值给父组件
  - Prop 验证 与 非 Prop 的 Attribute
  - 自定义事件
  - 兄弟组件传值
  - 非父子组件传值
  - 父组件调用子组件方法并传入值
  - 插槽slot
  - 动态组件与 v-once 指令
  - vue父子组件的生命周期顺序

- 过渡&动画

- 可复用性&组合

- 工具

- 规模化

- Vuex

- 其他

- 《Vue》笔记
- 组件

heBody
2020-02-18
目录

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

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

### # 加载渲染过程

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

1

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

### # 子组件更新过程

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

1

### # 父组件更新过程

    父beforeUpdate -> 父updated

1

### # 销毁过程

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

1
编辑
(opens new window)
#Vue
上次更新: 2022/12/14, 19:36:42
动态组件与 v-once 指令
transition过渡&动画

← 动态组件与 v-once 指令 transition过渡&动画→

最近更新

  01
Git修改分支名
08-11

  02
CSS给table的tbody添加滚动条
06-29

  03
我做了一个手写春联小网页，祝大家虎年暴富 原创
01-28

更多文章>

Copyright © 2016-2022 Hesb | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式