前端圈小可愛Vue的自白：我年少成名卻又屢陷React、Angular混戰

我的出生，註定是不凡的歷史

大家好，我叫 Vue，今年 6 歲，是一款漸進式的 JavaScript 框架。這是我老爸，他是一位樂於分享、陽光帥氣的程序員。我特別特別崇拜他！

我輕巧活潑，人見人愛。2013 年，我出生在 GitHub。在這遍地英雄的土地上，我結交了很多好朋友，也讓我得以長成今天的模樣。

不過，那時我還不叫 Vue.js。從倉庫的 package.json 文件你也可以看得出，我那會叫 Element，後來還被更名為 Seed.js。

同年 12 月，我的 0.6.0 版本發布了，我正式改名為 Vue.js，並把默認的指令前綴變成 v-。這代表著我——Vue.js ，正式問世啦！

年少成名，只怪我如此可愛

2014 年是值得銘記的一年。那一年我完成了人生首秀。老爸把我發布在國外的 Hacker News 網站上，當時我被頂到了 Hacker News 的首頁，並在一周內拿到 615 個 GitHub 的 Star。我真是太棒了！老爸當時特別興奮！

後來經過兩年孵化，我迎來了我的 1.0.0 版本。發布時老爸給我配備了一個代號，叫新世紀福音戰士（Evangelion）。你沒聽錯，就是那部動畫片的名字。怎麼樣？是不是酷斃了。

兩年後，就在祖國生日這一天，我的 2.0 版本也發布了。這一次我的代號叫攻殼機動隊（Ghost in the Shell）。

到目前，我的最新版本是 2.6.10。我在 GitHub 上獲得的 Star 數也已經超過了 13 萬，同時也超越了 React 在 GitHub 上的 Star 數量。說到 React ，我彷彿看到你們臉上的竊笑，不要見人就問你為什麼用 React 不用 Vue ？我才不會上你們的當。畢竟我這麼優秀。

如今，每個月有超過 115 萬次 NPM 下載，Chrome 開發者插件也有 17.4 萬周活躍用戶，這表示每天都有 17.4 萬人跟我相熟並在開發中使用我。

我也非當年的毛頭小子了。在我不斷強大之後，現在已經成功入主了幾家公司。你們在阿里巴巴、騰訊、百度、新浪、網易、餓了么、滴滴出行、360、美團、蘇寧、58、嗶哩嗶哩和掘金（排名不分先後）等都能找到我的身影。我呢，就不一一列舉了。還有那 300 多位在 GitHub 上為我和我的子項目提交過代碼的貢獻者們。請收下我大大的感謝。

定位轉變，我變得更加強大

我的整個成長曆程更是一個不斷完善的過程。在這期間，我的定位也發生了幾次變化。一開始我的定位是，「Just a view layer library」。就是說，早先我沒有路由，沒有狀態管理，也沒有官方的構建工具，只有一個庫，放在網頁里就直接用，可以用來做視圖層。

後來我老爸覺得無法把我加在一些大型應用上，畢竟我老爸畢生都想我給開發者帶去便利。為了讓我有足夠的靈活性，能夠適應不同大小的應用需求。

老爸開始慢慢給我加入一些官方的輔助工具，比如路由（Router）、狀態管理方案（Vuex）和構建工具（vue-cli）等。即使加入這些工具，老爸始終維持著一個理念：「這個框架是漸進式的。」此時我的定位變成了，「The Progressive Framework 」。翻譯成中文，就是漸進式框架。

啥？你還是不太明白漸進式框架？真笨！讓我來小小給你解釋下。

所謂漸進式框架，其實就是把框架分層。最核心的部分是視圖層渲染，然後往外是組件機制，在這個基礎上再加入路由機制、狀態管理，最外層是構建工具，就是下圖這個樣子啦！

那分層又是什麼呢？

就是說你既可以只用最核心的視圖層渲染功能來快速開發一些需求，也可以使用一整套全家桶來開發大型應用。都說我很靈活了，靈活到可以適應不同的需求，所以你可以根據自己的需求來選擇不同的層級哦。

其實我優點蠻多的，我易於使用，包含基於 HTML 的標準模板，可以讓你輕鬆地使用和修改現有程序。無論是單頁應用程序還是複雜的 Web 界面，我都可以更平滑地集成更小的部件，而不會對整個系統產生任何影響。

我適應性強，提供無障礙的遷移、簡單有效的結構和可重用的模板。更重要的是我有簡單的學習曲線，對初學者友好。只要你會 HTML 和 JavaScript 就可以完成工作，不需要學習額外的知識，這樣的話會給更多人享受技術便利的機會。

哎呀呀！這麼多優點，誇得我自己都臉紅了。不過話說我也是有缺點的，還不少，畢竟人無完人嘛！但是，愛我就請接受我的全部！

陷入混亂，為什麼總要爭吵

在我還沒出生之前，老爸還在 Google 工作，是一個兢兢業業的小程序員。那會兒，他需要在瀏覽器上進行大量原型設計，當時項目使用的是 Angular。完了，我彷彿又看到你們的竊笑了。我等會再來收拾你們！（開玩笑啦~）

吶！當時 Angular 為他提供了一些用數據綁定和數據驅動來處理 DOM 的方法，所以他自己不用碰 DOM。不過還有一些副作用就是構建代碼的方式不自主，對於當時場景有點過重。於是，老爸的腦子飛快旋轉，想能不能從 Angular 裡面提取很小的功能，目的是想做一個非常輕巧的庫，方便工作中的使用。在這種想法下，慢慢產生了我。

可能有人的地方就有江湖，本來大家使用自己心儀的框架是一件好事。但是不知何時起，我經常淹沒在「你用 Vue 還是 Angular？」「我用 React，Vue 是垃圾」這樣的爭論中。隨便搜搜就有 10 幾條這樣的問題，真得是讓我無比苦惱。只是想讓大家使用起來更方便，沒想到卻總是陷入到這種相互比較的混戰中。我已經厭倦了這種爭端。我不想老爸為了這些煩惱。因為他要花更多的時間去提高我的性能。

早在以前我爸爸就說過，在所有框架里，Vue 可能與 React 最像。因為 Vue 的核心組成只是數據綁定和組建，這和 React 差不多。而且 React 強大的社區孵化出的眾多思維方法，也給 Vue 的開發帶來了啟發。

所以，你們不要再圍觀了。爭論哪個框架更牛這種事情本來就沒有意義。我尊重每一個框架，也不想給喜歡我的人帶去傷害。所以希望大家能把更多的時間放在鑽研自己喜歡的技術上，不要忘記自己當初選擇這些技術的初衷。

我的朋友，一個真誠了解我的人

在我老爸創造我之後，我在 GitHub 結識了很多好朋友。他們為了讓我更加完美時時刻刻不斷地修復我。在我的眾多朋友中，有一個我不得不說的人。他堪稱最懂我的人。你可能每天都在使用我，但是你有真正地了解過我嗎？例如，把我的源碼拿出來，從頭到尾仔細看一遍。這可謂是本世紀了解我的最佳方法。那麼多人想追求我，可你們有沒有深入了解過我的喜怒哀樂，到頭來還要說我高冷。哼！

我的這位好朋友就不同了。他對我的「變化偵測」了如指掌，虛擬 Dom 也玩得賊 6，模版編譯技術甚是精進，整個架構各種 API 的實現原理他都瞭然於胸。最近，他說想把和我交往的經歷寫成一本書。雖然這不是第一個為我寫書的人了。但是我聽到這個消息的時候還是蠻高興的。聽說李松峰老師、月影老師還給我的書寫了序。（開心.JPG）

Oh！說這麼多忘了介紹我的朋友！他叫劉博文，是一枚 95 後的資深前端工程師。沒錯，就是下面這位啦！跟我老爸一樣，他熱愛技術、擁抱開源。

2015 年他加入 360 奇舞團，現在在 360 導航事業部，主要負責 360 導航首頁及二級頁創新項目等億級 PV 站點的設計與優化。也是他推動了 Vue.js 成為部門內廣泛使用的核心技術棧，獨立研發相關開發工具與技術解決方案並使我成功落地。讓更多人知道了我。

另外，他還是 W3C 性能工作組成員，在 Web 性能領域也有著深入的研究。他有一個夢想就是用技術改變世界。我想這同樣也是大多數開發者的夢想。所以呢，我們一起努力吧！

聽說我的書在 CSDN 有贊商城上開賣了！我來替他吆喝下！不收代言費的那種哦！

360 前端工程師精心打造，深入講解 Vue.js 實現原理

你是不是對我越來越感興趣了呢

雖然我還是一本很年輕的書

但是我的經歷不年輕呢

如果你不討厭我

那我們就來交個朋友好不好

聽說碼書知道我是剛上市不久

現在打 75 折呢

點擊下方鏈接購買即可

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！