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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐