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-cli 上
  11. vue-cli 下
  12. Vue-Router 基礎
  13. Vuex 基礎
  14. 使用 vue-cli 3 搭建一個項目(上)
  15. 使用 vue-cli 3 搭建一個項目(下)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM