526互联

vue学习笔记之执行顺序

发布时间 2023-10-26 14:23:05作者: 一路向红
    vue文件加载顺序：index.html>app.vue>main.js      加载顺序详情：
  1. 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上）
  2. 执行main.js
  3. main.js找到实例挂载app.vue文件，将index.html的挂载的内容显示出来（用app.vue的template替换index.html中的<div id="app"></div>）
  4. main.js中引入了路由，可以将对应的组件渲染到router-view中
  5. rouer-view加载了Layout文件
  6. Layout 加载Navbar, Sidebar, AppMain