Vue学习路线

以下是Vue应用需要掌握的技术要点,零零散散看过很多文档,但是没有系统梳理和记录。

  1. Vue 模板语法(略)

  2. 组件开发与父子组件通信

  3. slot应用

  4. 组件生命周期

  5. router 应用

    1. 懒加载
    2. 路由模式
      • hash
      • history
      • abstract
    3. 自定义 router-link
    4. 命名视图
  6. Vuex 状态管理

    • state、mutations、getters、actions、modules

    • 取数据:state 或 getters(类似计算属性)

    • 直接修改数据:mutations(只能同步修改)

    • 针对数据的上层操作:actions(类似mutations,支持异步),通过mutations修改数据;

  7. Composition 组合API

    • setup( props, context);
      • context:{ attrs, slots, emit}
    • ref
    • reactive
    • toRefs
    • 获取路由参数:
      • watch+ref
  8. axios应用

  9. webpack 原理

在应用过程中,需要相关问题,再依次补充文档内容。