vue2和vue3的生命周期（区别以及执行顺序）

注意：vue3当中兼容部分vue2的语法，但不建议vue2和vue3的语法混用

vue2生命周期

Vue组件的生命周期包括以下几个阶段：

1. 创建阶段： 从创建Vue实例开始到模板渲染成HTML结束，其中包括以下生命周期函数：
   • beforeCreate：在实例被创建之初，完成数据观测和event/eventBus事件配置等初始化任务之前调用。
   • created：实例已经完成了数据观测等初始化任务，但是DOM元素并没有生成，$el属性不存在，无法访问。
   • beforeMount：在DOM挂载之前调用，在此期间可以对DOM进行处理，但还未能访问到DOM元素。
   • mounted：DOM挂载完成后调用，可以访问到DOM元素、实例属性和方法，并可以与后端请求数据和操作DOM。
2. 更新阶段： 当组件依赖的数据发生变化时，需要重新渲染组件，这个过程也涉及到一系列的生命周期函数：
   • beforeUpdate：在数据更新且虚拟DOM重新渲染之前调用，此时可以在更新之前访问现有的DOM，可以在这里对更新之前的状态做一些操作。
   • updated：数据已经更新，虚拟DOM也重新渲染完成后调用，在此期间可以操作更新后的DOM。
3. 卸载阶段&