vue梳理思维导图

计算机网络学习笔记分享。这份思维导图梳理了VUE的基本知识，内容包括基础学习、PC端应用、移动端应、用架构处理、前端拓展和补充这几大方面，满足对于vue学习路线的指导，快来学习吧。

vue

• 基礎學習
  • 红色优先级高：目标能够完成开发任务绿色优先级中：能够实现功能拓展白色优先级低：研发级项目做参考补充
  • vue基本知识（官方文档）
    • 模板语法
    • 基本命令语法
    • 数据双向绑定
    • 组件间数据交流
    • 自定义事件和原生事件
  • vuex（项目状态管理）
    • 状态设计
      • state(状态)
      • getter(state克隆值概念)
      • mutation(状态同步修改)
      • action(状态异步修改)
    • 分块管理
      • module（按照场景状态管理）
  • vue-router（路由管理）
    • 动态路由
    • 嵌套路由
    • 路由守卫
• PC端应用
  • elementUI
    • 基本组件使用
    • 国际化配置（i18n）
  • iview
    • 组件的使用和配置
    • 国际化配置（vue-i18n）
    • 全局组件注册
    • 全局配置（transfer&size）
• 移动端应用
  • webapp系列
    • vux(公司目前选择)
      • transfer(注意使用属于组件外)
      • 基本日期格式化使用
      • 数字与字符处理
      • url处理
      • 组件基本使用
    • cube-ui
  • 移动app系列
    • weex
    • nativeScript
    • cordova
• 架構處理
  • vue测试
    • jest（推荐）
    • Mocha(官方)
  • vue权限管理设计
    • 后台请求控制（每一个请求进行拦截）
    • 前台路由固定配置（前台写死）
    • 后台路由结构配置（后台传递路由结构）
    • 前台后台结合配置（推荐）
  • vue生产测试环境变量配置
    • vue-cli3基本配置
      • 多环境http请求配置
      • eslint配置
    • vconsole测试环境的集成
• 前端拓展和补充
  • css 预处理工具
    • less
    • sass
    • stylus
  • vscode 配置
  • ngnix基本使用
  • v-chart