Vue全家桶_v ue全家桶

文章目录

• Vue 技术栈(全家桶)
• • 第 1 章：Vue 核心
  • • 1.1. Vue 简介
    • • 1.1.1. 官网
      • 1.1.2. 介绍与描述
      • 1.1.3. Vue 的特点
      • 1.1.4. 与其它 JS 框架的关联
      • 1.1.5. Vue 周边库
    • 1.2. 初识 Vue
    • 1.3. 模板语法
    • • 1.3.1. 效果
      • 1.3.2. 模板的理解
      • 1.3.3. 插值语法
      • 1.3.4. 指令语法
    • 1.4 数据绑定
    • • 1.4.1. 效果
      • 1.4.2. 单向数据绑定
      • 1.4.3. 双向数据绑定
    • 1.5. MVVM 模型
    • 1.6. 事件处理
    • • 1.6.1. 效果
      • 1.6.2. 绑定事件监听
      • 1.6.3. 事件修饰符
      • 1.6.4. 按键修饰符
    • 1.7. 计算属性与监视
    • • 1.7.1. 效果
      • 1.7.2. 计算属性-computed
      • 1.7.3. 监视属性-watch
    • 1.8. class 与 style 绑定
    • • 1.8.1. 理解
      • 1.8.2. class 绑定
      • 1.8.3. style 绑定
    • 1.9. 条件渲染
    • • 1.9.1. 条件渲染指令
      • 1.9.2. 比较 v-if 与 v-show
    • 1.10. 列表渲染
    • • 1.10.1. 效果
      • 1.10.2. 列表显示指令
    • 1.11. 收集表单数据
    • 1.12. 过滤器
    • • 1.12.1. 效果
      • 1.12.2. 理解过滤器
    • 1.13. 内置指令与自定义指令
    • • 1.13.1. 常用内置指令
      • 1.13.2. 自定义指令
    • 1.14. Vue 实例生命周期
    • • 1.14.1. 效果
      • 1.14.3. vue 生命周期分析
      • 1.14.4. 常用的生命周期方法
  • 第 2 章：Vue 组件化编程
  • • 2.1 模块与组件、模块化与组件化
    • • 2.1.1. 模块
      • 2.1.2. 组件
      • 2.1.3. 模块化
    • 2.2. 非单文件组件
    • 2.3. 单文件组件
    • • 2.3.1. 一个.vue 文件的组成(3 个部分)
      • 2.3.2. 基本使用
  • 第3章：使用Vue脚手架
  • • 3.1 初始化脚手架
    • • 3.1.1 说明
      • 3.1.2具体步骤
      • 3.1.3模板项目的结构
    • 3.2 ref 与 props
    • • ref
      • props
    • 3.3 混入
    • 3.4 插件
    • 3.5 Todo-list 案例
    • 3.6 Vue 中的自定义事件
    • 3.7 全局事件总线
    • • 3.7.1 理解
      • 3.7.2 指定事件总线对象
      • 3.7.3 绑定事件
      • 3.7.4 分发事件
      • 3.7.5 解绑事件
    • 3.8 消息订阅与发布
    • • 3.8.1理解
      • 3.8.2使用 PubSubJS
    • 3.9 过度与动画
    • • 3.9.1效果
      • 3.9.2vue 动画的理解
      • 3.9.3基本过渡动画的编码
  • 第 4 章：Vue 中的 ajax
  • • 4.1 解决开发环境 Ajax 跨域问题
    • 4.2 github 用户搜索案例
    • • 4.2.1 效果
      • 4.2.2 接口地址
    • 4.3 vue 项目中常用的 2 个 Ajax 库
    • • 4.3.1 axios
      • 4.3.2 vue-resource
    • 4.4 slot 插槽
    • • 4.4.1 效果
      • 4.4.1 理解
      • 4.4.2 分类
  • 第 5 章：vuex
  • • 5.1 理解 vuex
    • • 5.1.1 vuex 是什么
      • 5.1.2 什么时候使用 Vuex
      • 5.1.3 案例
      • 5.1.4 Vuex 工作原理图
    • 5.2 vuex 核心概念和 API
    • • 5.2.1 state
      • 5.2.2 actions
      • 5.2.3 mutations
      • 5.2.4 getters
      • 5.2.5 modules
  • 第 6 章：vue-router
  • • 6.1 相关理解
    • • 6.1.1 vue-router 的理解
      • 6.1.2 对 SPA 应用的理解
      • 6.1.3 路由的理解
    • 6.2 基本路由
    • • 6.2.1 效果
      • 6.2.2 总结: 编写使用路由的 3 步
    • 6.3 嵌套（多级）路由
    • 6.4 路由传参
    • 6.5 编程式路由导航
  • 第 7 章：Vue UI 组件库
  • • 7.1 移动端常用 UI 组件库
    • 7.2 PC 端常用 UI 组件库
    • 6.2 基本路由
    • • 6.2.1 效果
      • 6.2.2