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。无关代码有一些删减。中文注释都是笔者添加。

目录

• 初步认识 vue
• 原理 - 侦测数据的变化 - [基本实现]
• 原理 - 侦测数据的变化 - [vue 源码分析]
• 原理 - 侦测数据的变化 - [vue api 原理]
• 原理 - 虚拟 DOM