Vue的鉤子函數

 

 

示例：

let vm = new Vue(
      {
        el: "#app",
        data: {
          name: "liuting"
        },
        beforeCreate() {
          console.log("建立前：");
          console.log(this.$el);
          console.log(this.$data);
        },
        created() {
          console.log("建立完成：");
          console.log(this.$el);
          console.log(this.$data);
        },
        beforeMount() {
          console.log("掛載前：");
          console.log(this.$el);
          console.log(this.$data);
        },
        mounted() {
          console.log("掛載完成：");
          console.log(this.$el);
          console.log(this.$data);
        },
        beforeUpdate() {
          console.log("=即將更新渲染=");
          let name = this.$refs.app.innerHTML;
          console.log("name:" + name);
        },
        updated() {
          console.log("==更新成功==");
          let name = this.$refs.app.innerHTML;
          console.log("name:" + name);
        }
      }
      /*beforeDestory(){
                console.log("銷燬前：");
            },
            destoryed(){
                console.log("銷燬完成：");
            }*/
    );

轉自https://blog.csdn.net/weixin_39068791/article/details/81363670