vue 快速入门 系列

vue 快速入门

前言

为什么要学习 vue

现在主流的框架 vue、angular 和 react 都是声明式操作 DOM 的框架。所谓声明式,就是我们只需要描述状态与 DOM 之间的映射关系,就可以将状态渲染成视图。状态到视图的转换,框架会帮我们做,不需要我们手动去操作 DOM。我们只需要关注状态的维护,而不用再关心 DOM 的操作。

笔者想通过 vue 来探索一下这其中的奥秘。

vue 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架

所谓渐进式,就是你可以一步一步、有阶段的使用 vue,不必一开始就使用所有的东西。

本系列的目的

本系列不是替代 vue 官网,vue 官网中有 vue 最好的学习教程。本系列只是从另一个角度来阐述:

  • vue 是什么
  • vue 的实现原理是什么?比如数据侦测是如何实现的
  • vue 中涉及的一些概念是什么?比如指令、过滤器
  • vue 的一整套全家桶又是什么,如何使用?

Tip: 本系列关于源码分析所涉及的代码都出自 vue.esm.js,版本为 v2.5.20。无关代码有一些删减。中文注释都是笔者添加。

目录

  1. 初步认识 vue
  2. vue 的基础应用(上)
  3. vue 的基础应用(下)
  4. 原理 - 侦测数据的变化 - [基本实现]
  5. 原理 - 侦测数据的变化 - [vue 源码分析]
  6. 原理 - 侦测数据的变化 - [vue api 原理]
  7. 原理 - 虚拟 DOM
  8. vue loader 上
  9. vue loader 下
  10. vue loader 扩展
  11. vue-cli 上
  12. vue-cli 下
  13. Vue-Router 基础
  14. Vuex 基础
  15. 使用 vue-cli 3 搭建一个项目(上)
  16. 使用 vue-cli 3 搭建一个项目(下)
  17. 原理 - 模板
  18. 原理 - Vue(自身) 项目结构
  19. 原理 - 实例方法(或 property)和静态方法
  20. 原理 - Vue 实例的初始化过程
  21. 实战之复习Vue
  22. 玩转 CMS
  23. 玩转 CMS2
posted @ 2021-03-25 22:26  彭加李  阅读(2633)  评论(2编辑  收藏  举报