vue3 项目运行机制
时间: 2023-10-21 14:06:51 浏览: 230
vue运行机制
Vue3 项目的运行机制如下:
1. Vue3 项目启动时,会先执行 Vue 的初始化操作,包括组件、指令、过滤器等的注册;
2. 接着会检查是否有全局的 mixin,如果有,则将其混合到所有组件中;
3. 然后会根据路由配置,渲染对应的组件;
4. 当组件被渲染完毕后,会执行 beforeCreate、created 钩子函数;
5. 接着会对模板进行编译,生成 render 函数;
6. 然后执行 beforeMount 钩子函数,将组件挂载到页面上;
7. 组件挂载到页面上后,执行 mounted 钩子函数;
8. 当组件的数据发生变化时,会触发 beforeUpdate、updated 钩子函数;
9. 当组件被销毁时,会执行 beforeDestroy、destroyed 钩子函数。
阅读全文