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。無關代碼有一些刪減。中文注釋都是筆者添加。