vue源碼

時間 2019-11-10

標籤 vue 源碼简体版

原文原文鏈接

vuejs 內置組件 component 實現 tab 切換懶加載和表單輸入框內容的清空

vuejs 內置組件 component 的使用

前端

Vue.js 2.0 快速上手精華梳理

自從Vue2.0發佈後，Vue就成了前端領域的熱門話題，github也突破了三萬的star，那麼對於新手來講，如何高效快速的學習Vue2.0呢。 Vue基礎對於沒有接觸過es6和webpack的童鞋來講，不建議直接用官方的腳手架vue-cli構件項目。先按文檔順序最少學習完組…

webpack

以前大體分析過了 vue-cli 源碼和 vue-router 源碼, 這兩個工具也是 vue 生態中比較重要的組件. 而最近由於業務上的須要, 接觸到了 vuex 的一些組件源碼. vuex 集中於MVC模式中的Model層, 規定全部的數據操做必須經過 action - mutation - state change 的流程來進行, 再結合 vue 的數據視圖雙向綁定特性來實現頁面的展現更新:

git

合格前端系列 —— 如何監聽一個數組的變化

上一篇文章咱們實現了一個屬於本身的簡易 MVVM 庫，裏面實現了一個 mvvm 庫應有基本功能，裏面對數據進行了數據劫持，可是僅僅只是對對象進行了數據劫持，並無實現數組的一個監聽。今天我將帶着你們實現數組的 observe。

es6

『翻譯』基於 Vue.js 與 Webpack 的三種代碼分割範式

代碼分割是提高單頁應用初始加載速度的重要方式之一。由於用戶不用在第一次進入應用時下載全部代碼，用戶能更快的看到頁面並與之交互。這會改善用戶體驗，尤爲在移動端；並且這對 SEO 有很大幫助，由於 Google 會下降加載速度慢的網站權重。上週我寫了一篇關於Vue.js 與 We…

github

餓了麼組件庫element-ui正則表達式驗證表單，後端驗證表單。

總是遇到一些朋友問一些element-ui組件使用相關的基礎問題，由於官方文檔上並無提供全部瑣碎的功能代碼demo。從這裏開始我會根據我實際遇到的問題記錄一些常見的官方文檔沒有詳述的功能代碼，供給你們拓展思路。web

以中國大陸手機號驗證爲例在element-ui的源碼中搜…

流程圖解MVVM雙向綁定原理

六張圖描述mvvm雙向綁定實現過程

正則表達式

Vue.js 依賴收集

由於對Vue.js很感興趣，並且平時工做的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，並作了總結與輸出。文章的原地址：https://github.com/answershut...。在學習過程當中，爲Vue加上了中文的註釋http…

vue-router

從Vue.js源碼看異步更新DOM策略及nextTick

由於對Vue.js很感興趣，並且平時工做的技術棧也是Vue.js，這幾個月花了些時間研究學習了一下Vue.js源碼，並作了總結與輸出。文章的原地址：https://github.com/answershut...。在學習過程當中，爲Vue加上了中文的註釋http…

vuex

Vue 源碼閱讀筆記第一篇

今天又是一個讀書的好天氣，我打開電腦，總想作些什麼，過了一下子，卻又意興闌珊, 忽然想起 Vue，就想着來學習一下。
我去翻了一番，裏面的設計思想着實讓個人視野開闊了很多，而後趕忙動手把這些東西記下來，就造成了這一篇文章。
Vue 一共九千多行代碼，這只是 Vue 源碼開頭的一個很小的部分。
我打算專門學習一下 Vue，畢竟這個東西對於咱們這種小白來講，很陌生，我也很想要知道它的實現流程是什麼，因此須要不斷地作筆記。
若是你也想要和我一塊兒學習，共同進步，請關注我吧！我只要有時間，就會去寫讀 Vue 源碼時的筆記的。