父子组件生命周期执行顺序
父组件 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