SPA:单页应用

场景	技术栈	IDE
中后台管理系统	SprinBoot、vue-cli SPA、npm、Element UI	WS、VS code、HB
H5前端开发	vue-cli SPA、npm、建议自己布局写样式	WS、VS code、HB
跨端APP开发	uni-app、Flutter、RN、cordova(这一类需要调用底层API)	HB、打包成可安装APP

• 1.一级路由 demo 脚手架:vue-router-demo

• 2.把相应的API实现

• 3.前后联调

一个Vue的单页应用（一级路由）的脚手架程序构建
1.进入某个目录如D：\VueStudy
2.通过命令创建项目：Vue init webpack vue-router-demo1(后几项都选N)
3.cd进入vue-router-demo1目录
4.安装依赖：npm install
5.运行：npm run dev
6.更改config目录下的index.js文件，将端口改80
7.进行一级路由配置
components文件夹建立相应的组件
1.Index.vue
2.Message.vue

改造根组件APP.vue
router文件夹的index.js文件