vue生命周期笔记之actived和deactived,updated

vue生命周期笔记之actived和deactived,updatedvue 生命周期笔记之 actived 和 deactived vueactived 和 deactived

大家好,欢迎来到IT知识分享网。

vue生命周期笔记之actived和deactived

使用场景: 
页面有搜索区和列表区
需求:页面切换后搜索区的内容保存,列表区内容更新
原因:页面使用了keep-alive缓存,导致不走生命周期created\mounted,但会走activated,所以把列表接口放activated里,实现局部更新.


 // keep-alive后,重新进入页面后不会走created和mounted,但会走activated activated() { 
    // 请求列表接口 this.submitQuery(); }, 

actived和deactived区别
actived进入页面类似created\mounted,deactived离开页面类似destory

updated
虚拟dom(页面)使用的值, 包括data和props传的值,父组件页面使用的值更新,子组件的updated也会进入,需要达到同样的效果官方推荐使用computed和watch

updated() { 
    // 勘误定位号 this.$nextTick(() => { 
    console.log(12321); }) }, 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/118036.html

(0)
上一篇 2025-11-16 11:20
下一篇 2025-11-16 11:26

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信