美文网首页
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