各页面间的生命周期函数顺序


APP是主页面
HOME LIST 是路由页面 HOME是父组件 LIST是子组件
以下是他们的加载顺序:

APP beforeCreate 

APP created 

APP mounted 

APP before update

Home beforeCreate  

Home created  

LIST beforeCreate 

LIST created 

LIST mounted 

Home mounted  

APP updated

1.主页面比路由先创建、挂载
2.父组件比子组件先创建,但子组件比父组件先挂载完。
不要放在methods处

  beforeCreate() {
    console.log("Home beforeCreate", this);
  },
  created() {
    console.log("Home created", this);
  },
  beforeMouted() {
    console.log("Home beforeMouted", this);
  },
  mounted() {
    console.log("Home mounted", this);
  },
  beforeUpdate() {
    console.log("Home before update");
  },
  updated() {
    console.log("Home updated");
  },
  beforeDestroy() {
    // 及时销毁,否则可能造成内存泄露
    console.log("Home beforeDestroy");
  },
  destroyed() {
    console.log("Home Destroy");
  },

文章作者: iamfugui
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 iamfugui !
评论
  目录