Vue的基础使用及基于vue/cli的开发

• 安装vue/cli
• 创建vue项目
• • 目录介绍
• Vue生命周期
• Vue-router
• • <router-view>
  • <router-link>
  • 路由的使用
  • • 根路由、重定向、异步导入路由、子路由、默认路由、404页面
  • 动态路由
• Element UI
• • 安装
  • 引入
  • 基础使用
  • • 布局
    • 排版
    • 响应式布局
    • 基于断点的隐藏类
    • button
    • 侧边栏
    • 官方文档
• keep-alive和transition
• Router编程式导航的方法
• Route路由信息对象
• 导航守卫
• • 全局守卫
  • • beforeEach全局前置守卫(router内)
    • beforeEach和meta的使用(<eg.访问权限>)
    • before
    • afterEach全局后置钩子
    • 更改导航标题meta和afterEach
  • beforeEnter路由独享守卫
  • 组件内的守卫
  • 路由导航的流程理解
• Axios
• • 安装
  • 使用
  • 实际开发使用
  • • GET
    • POST
  • 拦截器的使用
  • axios的封装
• v-slot插槽缩写#
• • 插槽绑定值传给父组件
• 跨域
• • 后端配置了CORS跨域
  • 代理服务器
  • • 自动切换baseURL
• 文件上传
• • 案例上传多张图片并预览
• 页面自动刷新（如请求成功刷新页面数据）
• • 使用provide和inject
• VueX
• • 安装
  • 基础使用
  • VueX应用
  • VueX映射
• $refs
• Bus
• $parent、$children、$root
• $attrs