组件的初始化生命周期

vue引用
https://unpkg.com/vue@3/dist/vue.global.js

  beforeCreate() {'1、组件初始化之前执行，特点：能够访问this，但是不能访问data中的数据'};
  
  created() {console.log('2、组件创建之后执行，特点：能够访问this，能够访问data中的数据。说明：组件进入created时，data已经被初始化了。所以可以在此处发送ajax请求，从接口中拿到数据，重新赋值给data中获得某个属性');},
  
  beforeMount() {console.log('3、组件在准备好（挂载/绑定）之前执行，此时模板中的dom节点（虚拟dom）已经存在，但是编译后的模板没有挂载容器里面，所以说在此处是无法获取dom的');},
  
  mounted() { console.log('4、组件挂在之后执行，此时模板已经编译，并把编译后的虚拟dom挂载到容器上。这时就可以获取dom节点  在此处进行ajax请求也可以的，但是建议在created中拉取，数据尽早回来')},
  

beforeUpdate() {console.log('beforeUpdate，数据发生变化，虚拟dom重新渲染 之前');},

updated() {console.log('虚拟dom重新渲染之后执行');}