初次渲染完成触发的声明周期

beforeCreate() ，created()

beforeMount()，mounted()

组件的调用顺序是先父后子，渲染完成的顺序是先子后父。组件的销毁操作是先父后子，销毁完成的顺序是先子后父

创建/挂载阶段

父组件先创建，做挂载准备；子组件再做创建和挂载，然后父组件再挂载

父beforeCreate→ 父created→ 父beforeMounte→ 子beforCreate→ 子created→ 子beforeMount→ 父mounted

子组件更新阶段

父beforeUpdate→ 子beforeUpdate→ 子updated→ 父updated

父组件更新阶段

影响到子组件：父beforeUpdate→ 子beforeUpdate→ 子updated→ 父updated

不影响子组件：父beforeUpdate→ 父update

销毁阶段

父组件先做销毁准备，然后子组件完成销毁后，父组件再销毁

父beforeDestroy→ 子beforeDestroy→ 子destroyed→ 父destroyed

附上基础部分：Vue2八个钩子函数生命周期详解

# 前端 # 前端框架 # vue.js
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue