Vue单文件加载流程

简介: Vue单文件加载流程

浏览器默认运行 index.html 文件,开始加载 Vue 文件,执行 main.js 中的内容.

 

进入 main.js 文件后,开始导入 App.vue 组件,并创建 Vue 实例,再通过 template 将 App 组件中的内容渲染到页面中.

在导入执行 App.vue 时,就会引入 FrameHead 和 FrameNav 组件,并注册渲染到 App.vue 的页面中.

引入 FrameHead 和 FrameNav 组件后,就会执行这两个文件中的所有内容,并导出到 App.vue 文件中.

 

 

:以上只是在推理 Vue 的运行过程 代码需要在脚手架中才能正常运行 所以目前我们还看不到任何效果。

原创作者:吴小糖

创作时间:2023.4.15

相关文章
|
4天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
15 0
|
4天前
|
JavaScript 前端开发
Vue,如何引入样式文件
Vue,如何引入样式文件
|
4天前
|
JavaScript
|
3天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
|
4天前
|
JavaScript
vue滚动到页面底部时加载
vue滚动到页面底部时加载
6 1
|
5天前
|
JavaScript 前端开发 API
|
5天前
|
JavaScript 前端开发 网络架构
Vue如何实现页面跳转路由,实现单页面跳转
Vue如何实现页面跳转路由,实现单页面跳转
|
4天前
|
JavaScript
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
Vue搭配ELEMENT组件,路由不能正确跳转bug
|
2天前
|
JavaScript 程序员
程序员必知:Vue子传父的三种方法
程序员必知:Vue子传父的三种方法
|
2天前
|
JavaScript 开发者