vue单页面应用项目目录

vue

1.什么是单页面应用(SPA)

单页应用程序 (SPA) 是加载单个HTML页面
系统的不同功能通过加载不同功能组件的形式来切换
不同功能组件全部封装到了js文件中
这些文件在应用开始访问时就一起加载完，所以整个系统在切换不同功能时，页面的地址是不变的

系统切换可以做到局部刷新，也可以叫做无刷新，这么做的目的是为了给用户提供更加流畅的用户体验

2.生成项目目录

3.项目目录结构说明

src
1. 主开发目录，要开发的单文件组件全部在这个目录下
static
2. 静态资源目录，所有的css，js文件放在这个文件夹
dist

3. 项目打包发布文件夹，最后要上线单文件项目文件都在这个文件夹中

4.页面结构说明

整个项目是一个主文件index.html,index.html中会引入src文件夹中的main.js,main.js中会导入顶级单文件组件App.vue,App.vue中会通过组件嵌套或者路由来引用components文件夹中的其他单文件组件。