- 初始化：加载html中引入的文件 // beforeCreate
- 创建vue实例： // created
import App from './App.vue' const app = createApp(App) - 编译模板：vue3将模板编译成渲染函数，渲染函数接收组件的状态作为参数，返回一个虚拟DOM树 // beforeMount
创建虚拟DOM
更新视图：对比虚拟DOM差异，更新真实的DOM树
响应式：自动追踪组件状态，状态变化时重新运行渲染函数 - 挂载：// mounted
app.mount('#app') - 渲染
- 更新前：// beforeUpdate
- 更新完成： // updated
- 销毁前：// beforeUnMount
- 销毁：// unMounted
vue项目初始化流程，项目运行原理
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 完整原文地址见简书https://www.jianshu.com/p/8fa37a3c8e6e[https://w...
- 搭建调试环境 为了弄清楚 Vue3 的初始化，建议先克隆 Vue3 到本地。 安装依赖 修改 package.js...
- 话不多说，我们直奔主题，从0开始手写实现Vue3初始化流程！ Vue3初始化流程 在手写实现之前，我们首先来看看V...
