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