vue的生命周期和钩子函数

生命周期

从创建到销毁的整个过程就是vue实例的生命周期

钩子函数

vue框架的内置函数，随着组件的生命阶段，自动执行

• 作用：特定的时间点，执行待定的操作

• 场景：组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据

• 分类：4大阶段8个方法

  阶段	方法	方法
  初始化	beforeCreate	created
  挂载	beforeMount	mounted
  更新	beforeUpdate	updated
  销毁	beforeDestroy	destroyed

  初始化阶段

初始化了生命周期和事件，向vue内部注入了data和methods

  data() {
   
    return {
   
      msg: "我是data",
    };
  },

// 初始化阶段
  beforeCreate() {
   
    console.log("beforeCreate---初始化生命周期和事件");
    console.log(14, this.msg); //null
  },
  created() {
   
    console.log("created---vue实例化完成 向vue内部注入data和methods"<