gzpt2.0-h5适老版
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

60 lines
1.6 KiB

2 years ago
  1. # vue 浙里学车app嵌套vue
  2. #### 启动项目
  3. 1. npm i 安装依赖
  4. 1. npm run serve 启动项目
  5. 1. cd server (接口目录)
  6. 1. npm i
  7. 1. npm run dev
  8. >#### 前言
  9. 花了半天的时间整理了一个 vue 移动端项目的模板,希望多还不熟悉 vue 项目搭建的小伙伴有些帮助,也欢迎各路大神提出宝贵的建议,本文章默认你已经对 webpack 和 vue 有一定的了解。
  10. >#### 核心知识体系简介
  11. 1. vue-cli3 脚手架
  12. * 创建项目
  13. * 开发环境和生产环境配置
  14. * 配置跨域
  15. 2. vue-router 路由
  16. * 路由配置
  17. * 子路由配置
  18. * 路由守卫,设置页面标题和根据登录状态判断是否允许进入特定页面
  19. * 对router-link使用active-class,高亮当前路由
  20. 3. vuex 跨组件通信
  21. * vuex 配置
  22. * vuex 持久化
  23. * vuex 使用
  24. 4. rem 移动端适配
  25. * 通过 amfe-flexibe 设置 root 元素的字体大小
  26. * 通过 pxtorem 把 px 转成 rem, 无需手动书写 rem
  27. 5. axios 配置
  28. * 使用拦截器配置 baseURL 和给请求头加上 token
  29. * 使用拦截器对返回的数据进行处理
  30. * 挂载到 vue 原型上,方便使用
  31. 6. promise 使用
  32. * 在项目中使用 async await 把异步变成同步,编写和阅读更舒服
  33. 7. 有赞 vant-ui 库
  34. * 导航栏
  35. * 单元格
  36. * loading
  37. * ......
  38. 8. 使用keep-alive组件缓存某些组件(新增)
  39. 9. 添加小型服务器接口,用来编写本项目所需接口
  40. >#### 项目目录
  41. project1 行有所畅H5
  42. project2 学车H5
  43. project3 适老版H5