vue,watch created mounted computed执行顺序

1、尽量不使用监听,使用多了,数据流向会乱的,多使用函数
2、分多种情况
(1、 初始化时created中的先执行,created --> watch(immediatet:true) --> computed --> mounted--> watch    

注:watch中设置immediate:true时,在组件加载时立刻执行(v-model双向绑定的数据值都已更新,才会执行watch方法)
(2、交互改变数据时  watch --> computed --> methods 

父子组件钩子函数执行顺序

父子组件初始化执行顺序:父beforeCreate --> 父created --> 父beforeMounte --> 子beforeCreate --> 子created --> 子beforeMounte --> 子mounted --> 父mounted

父子组件更新执行顺序: 父beforeUpdate --> 子beforeUpdate --> 子update --> 父update
 

销毁时:父beforeDestroy ==> 子beforeDestroy ==> 子destroyed ==> 父detroyed

你可能感兴趣的:(vue.js,javascript,前端)