【九月打卡】第9天+学习构建自己的物料库

课程名称：基于Vue3，打造前台+中台通用提效解决方案
课程章节：第6章 构建自己的物料解决方案——构建物料库，实现前端设计
主讲老师：Sunday
课程链接：https://coding.imooc.com/class/chapter/577.html#Anchor

课程内容：

今天学习的内容包括：

• 为什么不适用组件库，而要自己构建？前台系统与后台系统的根本性区别！
• 数据拦截简化数据获取流程
• 业务组件：移动端navigationBar
• 动态rem基准—
• 构建移动处理工具Mobile Terminal
• 通过Vueuse优化处理方案
• 定义软连接
• 构建VueRouter移动端路由表
• 划分移动端首页模块
• 导入并配置axios
• vite处理服务器
• vite处理环境变量

课程收获：

明确PC端和移动端构建顺序

• TailWind移动优先
  • 判断设备
    • 构建方法来判断（判断屏幕宽度是都低于1280为移动端）
      • 实际工作通过正则那useage的接口来判断
• Vue.use8.1.2
  • useWindowSize 响应式获取屏幕尺寸

定义软连接

• vite默认不支持@ 要手工配置alias

构建vueRouter移动端路由表

• 前台页面要好看，使用history模式
• 通过前面的方法来判断采用哪个路由

划分移动端首页模块

• 对页面拆分
  • header页面分为，移动段和pc端

导入和配置axios

• 0.26.1
• 封装request
  • 配置icode

vite处理代理服务器

• 设置代理

vite处理环境变量

课程学习截图