Skip to content

vue中的activated、mouted

created():在创建vue对象时,当html渲染之前就触发;但是注意,全局vue.js不强制刷新或者重启时只创建一次,也就是说,created()只会触发一次;

activated、mouted:

activated
说到activated不得不提到keep-alive,你切换出去又切出来会调用到它。(你可以理解为生命周期钩子函数,用法也一样)

mounted
指的是实例被挂载后调用,如果没有keep-alive每次切回来该组件都会触发一次,但是keep-alive会缓存不活动的组件实例,那么可以说他只会触发一次。所以往往一些数据的请求要在这写一次请求,在activated里写一次请求,保证你浪荡回来还能请求到新的数据。

踩坑
1.这里有个关键词是实例,也就是说如果你用了$refs,你就得注意了
2.mounted先执行,首次进入时候activated/mounted两个一起执行

参考:https://blog.csdn.net/weixin_45629623/article/details/107542066