vue 学习一 组件生命周期

  name: "HelloWorld",
  data() {
    return {
        test:"1"
    };
  },
  //初始化实例前
  beforeCreate() {
    console.log("实例初始化前", this.$el, this.$data,this.test);
  },
  //初始化实列后
  created() {
    console.log("实例初始化后", this.$el, this.$data,this.test);
  },
  //第一次挂载前
  beforeMount() {
    console.log("第一次挂载前", this.$el, this.$data);
  },
  //第一次挂载后
  mounted() {
    console.log("第一次挂载后", this.$el, this.$data);
  },
  //数据更新前
  beforeUpdate() {
    console.log("数据更新前", this.$el, this.$data);
  },
  //数据更新后
  updated() {
    console.log("数据更新后", this.$el, this.$data);
  },
  //组件销毁前
  beforeDestroy() {
    console.log("组件销毁前", this.$el, this.$data);
  },
  //组件销毁后
  destroyed() {
    console.log("组件销毁后", this.$el, this.$data);
  }
}