vue梳理思维导图

什么是vue？０基础如何学习前端开发知识，下图简要梳理vue基础知识，包括PC端、移动端应用，以及架构如理等相关拓展和补充，欢迎大家一起交流。

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