千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

Vue.js是一个流行的JavaScript框架,用于构建用户界面。在Vue.js中,生命周期钩子函数是在组件创建、更新和销毁的不同阶段自动调用的函数。Vue.js 2和Vue.js 3在生命周期钩子函数方面有一些区别。
Vue.js 2.x的生命周期钩子函数包括:
- beforeCreate:在实例初始化之后,数据观测(data observer)和事件初始化之前被调用。
- created:在实例创建完成后被调用,此时可以访问实例的数据和方法。
- beforeMount:在挂载之前被调用,即将开始编译模板并将其替换为虚拟DOM。
- mounted:在实例挂载到DOM上后调用,此时可以访问到DOM元素。
- beforeUpdate:在数据更新之前被调用,即在重新渲染之前。
- updated:在数据更新后被调用,DOM已经重新渲染。
- beforeDestroy:在实例销毁之前调用,此时实例仍然可用。
- destroyed:在实例销毁之后调用,此时实例完全被销毁。
Vue.js 3.x的生命周期钩子函数进行了一些修改和简化:
- beforeCreate 和 created 钩子函数保持不变。
- beforeMount 和 mounted 钩子函数保持不变。
- beforeUpdate 和 updated 钩子函数被合并成了 beforeUpdate。
- activated 和 deactivated 钩子函数被移除,不再用于组件的keep-alive。
- 新增两个钩子函数:beforeUnmount 和 unmounted。beforeUnmount 在卸载之前调用,unmounted 在卸载之后调用。
此外,Vue.js 3还引入了Composition API,通过setup函数来代替部分传统的生命周期函数的使用,提供了更灵活和可组合的组件逻辑。
虽然Vue.js 3.x对一些生命周期进行了修改和简化,但仍然保持了与Vue.js 2中生命周期的基本一致性,使得迁移和使用变得相对容易。