Skip to content

父子组件生命周期执行顺序

父组件 beforeCreate -> created -> beforeMount

子组件 beforeCreate -> created -> beforeMount -> mounted

父组件 mounted

注意的事项

当父组件传参到子组件时,父组件在 mounted 之前进行赋值都不会触发子组件的 watch,例如:

vue
<template>
    <child-one :value="value"/>
    <child-two :value="value"/>
</template>
<script>
export default {
    data () {
      return {
          value: 0
      }  
    },
    created() {
        this.value = 1
    },
    mounted() {
        // this.value = 1
        // 若将赋值写在这里则子组件watch会触发
    }
}
</script>
0