美文网首页
created()和activated()的区别

created()和activated()的区别

作者: 十一点后不在线 | 来源:发表于2021-07-09 09:40 被阅读0次

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

activated():在vue对象存活的情况下,进入当前存在activated()函数的页面时,一进入页面就触发;可用于初始化页面数据等

应用场景:
页面路由相同,但是路由后缀如id值不同,两个页面切换时,数据无法刷新,重新初始化,之前的做法都是利用watch做路由监听解决

 watch: {
    $route: function(to, from) { 
        this.init()
  },

试验了一下,把页面初始函数放到activated(){}里执行,也能达到相同效果

相关文章

网友评论

      本文标题:created()和activated()的区别

      本文链接:https://www.haomeiwen.com/subject/uszxpltx.html