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

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

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue