Vue

TIP

最后更新时间:2019年09月10日

字数:1053

主要内容

Vue

  • 学习资源

  • JavaScript部分基础

    • let和const
    • ES6箭头函数
    • this指向问题
    • 数组方法
    • 字符串方法
  • Vuejs基础

    • 基本指令
    • 修饰符
    • 过滤器
    • 计算属性
    • 属性侦听
    • 生命周期
    • 指令
    • 组件
    • 网络请求
  • Vue-Router

    • SPA介绍
    • 路由配置
    • 监听路由
    • 路由钩子函数
  • Vuex

    • 核心概念
    • 使用demo
  • 模块化和webpack请参考webpack笔记部分

Vue源码学习

  • 核心:

    • 准备工作:
      • Flow
      • 目录结构
      • 源码构建
    • 数据驱动:
      • 数据 —> DOM创建完整流程
    • 组件化:
      • 组件创建
      • 组件相关核心概念
    • 响应式原理:
      • 完整讲述响应式实现原理
  • 编译:

    • parse
      • 模板 —> AST树
    • optimize:
      • 优化AST树
    • codegen:
      • AST树 —> 代码
  • 扩展:

    • event和v-model:
      • 事件和v-model的实现原理
    • slot和keep-alive:
      • 内置组件的实现原理
    • transition和transition-group:
      • 过度的实现原理
  • 生态:

    • Vue-Router:
      • 官方路由的实现原理
    • Vuex:
      • 官方状态管理的实现原理