【小白学习Vue | 3】index.html+App.vue+main.js

1. 总概述

index.html+App.vue+main.js简介:
在这里插入图片描述

#名称作用
1index.html挂载页面div id = “app” 挂载点
2App.vue主组件所有页面都在App.vue下进行切换
3main.js入口文件初始化vue实例,并引入所需要的插件

运行顺序:

  1. index.html
  2. App.vue的export外的js代码
  3. main.js
  4. App.vue的export里面的js代码 (如果有)

2. 各部分

2.1 main.js

main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件
在这里插入图片描述

2.2 App.vue

App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。
在这里插入图片描述

3.总目录

vue项目各目录名称及作用:
在这里插入图片描述