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