前言

Vue框架作為當前主流的前端框架之一，作者尤雨溪更是國內開發者心中男神，作為開發工程師你是否知道Vue框架名字的由來？你是否知道Vue框架作者尤大大創作Vue過程中的幾個節點？今天就來帶領大家深入Vue背后的故事

Vue萌芽

其實尤大大最初專業為室內藝術，并非計算機，但是尤大大在后面到帕森斯設計學院進修藝術研究碩士學位，學習的是科技與設計項目，它涵蓋了編程、設計和新媒體藝術，也正是在這個時候尤大大自學了JavaScript，開始用JavaScript進行創作，畢業后就進入了谷歌，尤大大為谷歌瀏覽器開發了一些實驗性的互動場景，把它們放到了作品集中，尤大大在采訪中提到曾在學校期間開發了一個克隆版的Clear應用，它是一個有著很新穎的手勢操作的待辦事項應用程序，它應該算是“滑動來完成”手勢操作的開拓者了，所以就在網頁上重置了他的大部分功能，它在黑客新聞（Hacker News）上火了起來，被很多網站報道了，這件事讓谷歌的招聘官注意到了尤大大，那時候谷歌有很多為谷歌瀏覽器開發的實驗性場景，包括一些3D動效、2D的物理效果和可視化的處理等，都是尤大大他們在用的瀏覽器上實現的，這在當時是前所未有的，它真的體現了JavaScript的強大，不知什么緣故尤大大就接到了谷歌招聘官的電話她說，你有興趣加入我們的創新實驗室嗎，作為我們招收的五人之一，尤大大當時真的不敢相信，都沒給他們發我的簡歷就直接有人給打電話讓加入谷歌，那肯定是要去的，尤大大非常高興，自己不用也搬家，工作場地就在紐約；

尤大大聊出這段經歷：“工作兩年多，做一些有意思和實驗性的項目，稀奇古怪的點子，比如說，十年后的搜索界面是什么樣子的，或者如果整面墻都是可以互動屏幕的會怎樣？如果谷歌能夠聽懂你說的每一句話？諷刺的是這件事現在幾乎已經成為現實了，我們要做出一些關于這方面的概念視頻和這種交互操作的原型，在2012年。在很長的一段時間內，我都在用原生的JavaScript來手寫這些原型，因為這些原型不會使用傳統的UI界面，他們需要很多特殊的處理，這些處理手段在如今普通的應用中很難見到，我嘗試著去用一些現有的框架進行開發，但是很多時候我發現他們不能解決我的問題，我使用的第一個框架是Backbone，Backbone更像是一個為應用搭建的結構，他不會幫助你控制視圖，盡管Angular提供了數據綁定，能將視圖和數據狀態同步起來，但它太約束你寫代碼的方式，所以它也不能很好的處理我正在進行的工作項目，因為這些項目很注重交互而不是如何成為一個完整的應用程序，我開始思考如何才能讓我的工作變得更高效，就在那時我開始想或許我可以自己開發一個我自己的框架，最初我的目標就是開發一個非常簡單專一的工具，僅僅就是同步DOM和一些JavaScript對象，這是最初的想法，在這個初始項目有了一點人氣之后，我們開始擴大開發范圍，一點點加入一些新功能到這個生態環境中去，最終使他變成了一個框架。”

Vue名字的由來

尤大大對Vue.js進行的首次提交是在2013年的6月份，它剛開始的名字是Seed.js，據尤大大說當時想不到一個更好的名字，但是當尤大大要在NPM上發布的時候，發現Seed.js在NPM上已經被占用了，所以只能再想一個，尤大大表述：“我覺得，這是一個視圖（View）的框架，但是就叫他View的話有點太直接了，所以我就把“View”放到谷歌翻譯里面，然后我找到了它法語的翻譯——vue，只有三個字母，看起來很好，也沒有在NPM上被占用，所以我就用了這個名字。”

因著Vue免試進入Meteor

尤大大自述：“我基本上就是為我自己創建的這個框架，所以我的期望是，我希望，開發出一個我自己喜歡的框架，這也是我為什么要做這個框架的原因，我當然還在谷歌創意實驗室工作，所以我把它發布成了我的私人項目，應該有幾百名用戶，我覺的有幾百個GitHub的星星，給了我很多初始用戶。”

你有沒有想過你會通過這個賺到錢？尤大大：“完全沒想到，當我出版的時候，并不是真的在說我想將其發布為一個可持續的項目，就像一個音樂愛好者為了樂趣而做一個專輯，你知道那種感覺不是為了賺錢，你發布這個音樂，只是因為你享受創作它的過程，并且你希望其他人能聽到它，所以開發Vue.js的過程就像是一個途徑像是我在做一個人們在真實世界中真的會用到的東西，相比我在谷歌創意實驗室的工作來說，我們把做的東西給經理們看，但誰知道這個東西什么時候會變成現實呢（這里主要的意思是在谷歌中想法的出現到真正的落地的周期都是不確定的，甚至都不知道能否落地）所以我有一種沖動，要開發一個人們真正會用到的東西，我當時并沒有想那么多，但有一個熱門的開源項目會幫助找到下一個工作，這就是我加入Meteor的方式，他們基本上很傾佩我在Vue上做出的工作，所以他們直接跳過了面試的過程，當場就給了我工作，所以我很高興，這才是你進行開源項目工作獲得的真正的好處之一；

Vue逐步完善

尤大大在Meteor工作的時候，仍然在持續的開發Vue.js，因為尤大大覺得它在那時就像自己的孩子一樣，我們可以看到上面尤大大的提交記錄，在Github上看到一個非常綠的圖表，因為尤大大在每個周末都會完成很多提交，當時進行更多的工作也越來越有必要了，因為Vue的用戶越來越多了，據尤大大表述Vue一直在成長所以會出現更多的問題，更多的Bug要被修復。

Taylor推薦Vue

就在那段時間，Taylor發了一條推特提到了Vue.js，那是2014年，Taylor Otwell 是Laravel的作者，Laravel是一個非常流行的PHP框架，大家都知道在2014年那段時間PHP火的一塌糊涂。

Taylor那天在推特上說：“目前自己在學習React，但是狀態很迷惑，React很難，我正在學習Vue.js，因為它看起來很簡單”，雖然看起來這不像是一個正式的對Vue的認可，他只是在說我正在學習Vue.js"，然后很多人開始問他：你覺得Vue怎么樣，它好用嗎？基本上在每一條回復中，他都說，沒錯，它很棒，這開始看起來像是一個對Vue公開的認可，然后所有的Laravel用戶就會想，哇，如果Taylor喜歡Vue，那它肯定很好呀，所以我們也應該試一試，所以Vue就獲得了很多來之Laravel社區的用戶"

Taylor表述：“我當時在網上查找一個JavaScript框架來開發這個叫Laravel Spark的產品，它是一個快速開發腳手架，幫助你開發你自己的軟件和服務體系，幫助人們啟動他們自己的生意，就像我一樣，我感覺到不知所措，我看了其他的框架，他們有復雜的編譯流程，需要很多工具才能起步，我嘗試了Vue.js發現你可以用Windows筆記本就能寫出一個簡單的網頁應用你不需要其他的編譯工具，僅僅需要添加一個CDN鏈接，寫幾句JavaScript，你的網頁就跑起來了，對于我這個不是很熟悉JavaScript的人，至少可以說這么簡單就可以實現那么多功能，真的讓人耳目一新而且還不需要學習很多其他的工具，我記得我發布了一條推特說《我發現了這個很棒的新玩意叫Vue.js，像我一樣的新手，都可以寫出JavaScript應用程序，真的很令人驚嘆》因此我們為Laravel Spark采用了Vue.js，最后產生了，你知道的，為Laravel帶來了超過一百萬美金收入，成千上萬個用戶搭建了他們自己的生意，所以這真是一件對Vue.js和Laravel都很棒的事情，幫助簡化了不知道多少，使用Spark搭建的業務，都同時運用了Laravel和Vue.js”

Vue因受質疑發布1.0

上面說到的這些都發生在尤大大決定全職開發Vue.js之前，在那之前Vue.js還處于只是在前端社區中比較有名的階段，尤大大還沒想過要將它作為自己的全職工作，甚至是從中賺錢，直到尤大大學習到Taylor的做法之后，才知道Laravel是那么龐大，意識到或許自己真的能干點東西出來，但開始有人發起帖子和討論說：“我到底該用哪個？我應該用Vue.js嗎？”，你能看到的很多的回復都是：“不要用，因為它還是起步階段”、“它不穩定，它僅僅由一個人維護著，天知道它什么時候就消失了”，尤大大想證明這些人是錯誤的，要讓Vue.js變成一個V1.0版本的可生產的框架，所以尤大大花費了整個2015年的假期，用3個星期的時間把所有東西都開發好，更新文檔，然后在2015年10月，尤大大發布了1.0版本；

LinusBorg加入

當時Vue.js剛剛發布了1.0版本，還不存在像今天這樣的核心團隊，只有大概三個人，他們都忙著弄好文檔和修復Bug，在1.0發布之后，當時的論壇就像是一個荒地；LinusBorg 就到論壇里去回答很多的問題，在論壇里非常的活躍，LinusBorg 了解到很多。

LinusBorg自述：“ 人們在他們項目中遇到的問題，我都在我空閑時間里干這件事，持續了三到四個月之后，Evan了解到了這個情況，他就給我發了一個Slack邀請，之前我們從未交流過，我也沒開啟任何問題討論，沒提出合并請求，我沒在代碼上做出任何貢獻，但我從一開始就注意到Vue.js框架不僅是正確的編碼，不僅是一個庫，還需要一個描述它工作原理的文檔，幫助你解決問題，它應該是我們需要的能想到的最好的文檔，我們必須要扎身到社區中去，我們需要額外的工具和支持，這就是我被邀請到Vue團隊的原因，因為我慢慢成長為社區領袖，我也確實加入到了Vue的核心團隊，即便在沒有對代碼和內容作出貢獻的情況下，不過之后我為了我所謂的自尊心，我學習了源碼，研究了一些代碼庫，看了一些問題，然后開始四處作出一些貢獻”。

萌生全職做Vue想法

尤大大自述：“我認為在1.0版本之后，我開始嘗試著進行全職工作，或者這個東西還真能給我一些收入，讓我能夠把它當作一個全職工作，這時我開始覺得我在Meteor和我在Vue.js上的工作存在一些差異，在Meteor我只是一個普通的開發者，我沒有做決策的權利，雖然我可以提出建議但我還遠沒到那種，說我們應該怎么做的那種地位，這讓我對Meteor的發展有一些悲觀，相比之下，Vue.js一直在快速成長。我注意到用Meteor的人比較少，而用Vue.js的人越來越多，所以那時我就覺得或許把Vue.js作為我的全職工作是值得的”

Vue在恰到好處的時機出現

LevelUp教程的Scott Tolinski在Vue火了后，人們一直要求他做一個Vue.js的教程，在這個系列的教程中，會為大家講到所有關于Vue.js的知識。

Scott Tolinski表示：“Vue.js出現的正是時候，因為很多人從Angular一代出現或更早之前就開始用Angular，人們都覺得Angular一代很簡單，但當Angular二代推出的時候它幾乎是一個完全不同的版本了，那個時候React也正在被推出，所以很多開發者開始用React，他們覺得React是個能夠登上前端寶座的新東西，但這些開發者就會失去使用Angular一代的那種簡單，輕松的感覺，就會感覺到有一種差距，這個由Angular一代的缺失而導致的大洞，Vue.js正好在這個時候出現了，它填補了一個空白，因為人們想要更低的入門門檻，還想要React的這種強大和靈活性，而這就是Vue.js的強項了，它吸取了多個框架和平臺最強的部分”。

探索經濟來源

尤大大自從有了全職開發Vue.js的想法，就在探索能讓自己經濟上獨立的辦法，尤大大做的第一件事就是設立一個Patreon（眾籌平臺）賬號，結果發現還真的不錯，在建立那個賬號不久之后，就能拿到2000美元一個月，尤大大的一位朋友郭達峰，他是“上線了（Strikingly）”的CTO，一個YC投資的公司，他的公司有個小基金用來支持開源項目，純粹是出于做好事的想法，如果能拿到這個支持的話，尤大大就完全可以辭掉工作，并開始全職開發Vue.js了，這就足以讓尤大大邁出這一步，至少可以去嘗試一下。

Serah Drasner加入

Serah Drasner在CSS-tricks工作，是一個寫手，Serah Drasner問Chris Coyier：“我覺的我要寫一篇關于Vue.js的文章”，他說聽起來不錯，所以Serah Drasner開始寫關于Vue.js的一篇文章，感覺要寫挺長的，Serah Drasner問Chris Coyier：“什么情況下一篇文章需要分為一個系列來寫”他說，什么時候你覺的你需要寫一個目錄的時候，那個時候Serah Drasner就該分開寫了，Serah Drasner自述：這個時候我寫的谷歌文檔就已經有25頁長了，然后我寫完了最好一章，動畫，最后就有了一個共有五篇文章的一個系列，我接著不斷的寫關于Vue.js的東西，下個月我寫了更多的文章，然后做了一些Demo和一些開源項目，我覺得從那個時候開始，我就對這個框架感到非常激動，我想要投資更多的時間到其中去，所以Evan和Chris Fritz就邀請我和他們一起制作文檔，同時進行一個新的項目叫cookbook，然后我就開始領導cookbook項目并且加入了Vue.js核心團隊，現在我幫助運營Vue文檔的見面會，Vue團隊的見面會我真的很喜歡和這個團隊一起工作。

全職投入Vue建設

“在家里工作絕對是非常自由的，你可以自己定制時間表，除去不需要通勤的第二大好處可能就是你不需要穿的像Tom Dale一樣。”

尤大大：“想象一個在中國的人想要學習一個新的框架，他們去官網發現只有英文的文檔，如果這個框架本身就非常難懂的話就更糟了，他們就會很難學會這個框架，但當他們到Vue.js官網的時候發現這里有中文版的文檔，他們讀了一下發現文檔是由母語是漢語的人寫的，一些技術性的內容直接用漢語表達的話會有些奇怪，因為你必須對技術名詞想出一些很好的譯名，比如說綁定（binding），引用（reference）或視圖模型（view model），有些東西你甚至都翻譯不了，因為漢語是我的母語然后英語版本的文檔也是我自己寫的，所以我能夠改寫一些術語，讓它的漢語翻譯更自然，這種語言上的熟悉讓他們能夠讀懂你的框架，比他們用自己不熟悉的第二語言來學習要快的多，制作這樣的中文文檔，絕對幫助提高了Vue.js在中國的使用度”；

Vue引入國內

Jinjiang Zhao：“在中國，很少有人在科技界很知名，所以在中國，人們把Evan看作是一個英雄，一個中國開發者開發的人人都喜歡的框架”；

Gu Yiliang：“這在中國真的很不尋常，我們看不到有人能在開源項目上對世界作出這么大的影響，不僅僅是在中國內部，Evan，他是世界頂尖的，而且他還是中國人，所以我覺得這就是他有這么多中國粉絲的原因”；

Taylor：“他是一個中國人，當中國人看到這一點的時候，他們覺得自己是這其中的一部分，覺得自己是Vue社區的一部分，這是一種很真實的感覺因為他們與Vue的創始人是聯系在一起的，Evan為中國社區的作為創造了一種強大的現象，它在中國的開發者之間建立了一種強大的聯系，每個人都希望成為這個群體的一員，它讓你感覺很棒，當你是這個群體中的一員時，Evan能融入這個群體，這種力量是非常強大的，這是他能在中國成功的巨大原因，它能夠融入到這個群體中真的很驚人”；

Jinjiang Zhao：“那個時候移動網絡非常的復雜并且不穩定，尤其是在中國，很多人還在用GPRS數據，所以我們嘗試搭建一些新的，小體積高性能框架，幫助我們開發成千上萬個網頁，來支持千萬級別的流量，這個量是非常非常大的，我在Github發現了Vue，所以我們的故事就開始了”；

Vue受擁國內

尤大大被到阿里巴巴園區，做一個小的科技講座，介紹Vue背后的基本想法、是怎么開始做它的、用Vue的好處到底是什么、相比一些手寫的jQuery。

他們花費了很長時間，一年或一年半，一些開發者終于接受了Vue，并開始使用它，現在越來越多的人都在用Vue，在那之后，阿里巴巴也越來越多的用Vue了，人們也開始對Vue.js有更多的了解，因為尤大大在知乎上的存在，同時也因為Vue.js在中國以外也獲得了更多的關注，這些消息也反向流回中國，人們才發現有一個新的框架叫Vue.js，事實上很多人都是以一個開源項目的身份認識到Vue.js，然后他們才意識到原來這是一個中國人寫出來的，Gu Yiliang采訪中提到：“我們主要是在我們的企業管理應用上使用Vue.js，像是谷歌的AdWords，我想為什么不參與到Vue.js其中呢？它在發展，它是潮流，中國開發者不僅僅把他當作一個開源項目開發者，而是一個開源項目領導者。”

Leo Deng：“我很熟悉Ember.js，而Vue.js看起來和它很像，所以我開始用Vue.js寫一些東西，確實起作用了，我感覺它像是我已經學過的東西，Vue.js有非常高質量的中文文檔，幫助了很多入門級的工程師進行開發，我們用它來開發生態系統，社區，我覺得這就是它這么流行的原因，在中國我們有很多的軟件工程師，但是我們沒有一個像他那樣的巨星。”

Vue在決策背景方面的獨有優勢

Serah Drasner：“在軟件工程領域，不光是Vue.js，在所有軟件開發領域，我們都有一個概念叫做“終身仁慈獨裁者，描述有些人是項目行動策劃的關鍵大腦，來推動項目的前進，它并不意味著，有些人把它搞混了，認為這意味著沒有其他人為這個項目而工作，這完全是錯誤的，你可以看到有非常多的人在為Vue.js和Vue核心而共同工作，它確實意味著它背后有一種推進力量，我覺得當存在一個像Vue.js這樣不是產自大公司的項目，是有好處的因為它的內容是非常真實的，我們得到的好處就是，我們不是被某一個公司推動的"，這意味著不是大公司在指定規則，是人們。”

Taylor：“Evan有一個總體的巨大的圖景，Angular和React是由大公司搭建起來的，從一開始就有很多人參與其中，它們像是被一個委員會設計的，但對與Vue.js和Evan來說，在他大腦中有一個單一的圖景，他希望創造這個整體的框架，我覺得這對于創造一個非常好的產品是非常重要的，這也是Vue.js如此成功的原因。”

LinusBorg：“前端市場被臉書的React統治，Angular是谷歌的，然后就是我們，像是一堆書呆子做他們自己的框架，完全是因為他們想做。”

Scott Tolinski：“它給人的感覺不像是一個公司，這樣的話會讓人更激動，更多像是民間的，光是這種想法就足以讓人們感到興奮，讓人們想去使用它。”

LinusBorg：“Vue.js仍然在成長，它不是在推翻前端領域成為統治者，這不是它的目標，我們只是很高興能為這個項目而工作，我們很高興看到它的成長，也對它未來的發展感到很激動，我也不是很確定。”

尤大大：“我很自豪當初邁出了那一步，離開了早9晚5的工作，并開始投身于我真正熱愛的事業上去，有時候我會看著那些星星，我們有了那么多用戶，那么多的下載，但是什么給了我最大的成就感和滿足感呢，是每次我看到這些人們"，尤其是在結束一場集會之后，人們會走過通常握著我的手說謝謝你，Evan，謝謝你讓我的生活變得更輕松，就是這些場景讓我覺得，這就是我開發Vue.js的原因，我創造了這個東西，我把他分享給人們，希望它能讓人們的生活變得更輕松，人們向我走過來，感謝我做出了這個東西，這也算完成這個循環了"

總結

如今Vue框架火爆IT行業，已成為前端工程師的必備技能，其實也是博主我現在飯碗依靠的技術，Vue現在的Star數近20w，使用者更是數不勝數，正如尤大大表示自己很自豪的邁出那一步，其實作為受益者的我們更是感恩尤大大當時所做的決定；在CSDN的《新程序員004》中也曾攥入“與Vue.js作者尤雨溪暢談他的程序人生”的篇幅，有興趣的朋友可以閱讀一下尤雨溪Vue登榜GitHub之路看似不難，加油每一位前端人。博主作為尤大大的忠實粉絲且作為Vue技術的熱愛者并在CSDN構建了Vue技能樹，歡迎大家打卡學習哦 https://edu.csdn.net/skill/vue

本期推薦

uni-app 是一個使用 Vue.js (opens new window)開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、Web（響應式）、以及各種小程序（微信/支付寶/百度/頭條/飛書/QQ/快手/釘釘/淘寶）、快應用等多個平臺。DCloud公司擁有900萬開發者、數百萬應用、12億手機端月活用戶、數千款uni-app插件、70+微信/qq群。阿里小程序工具官方內置uni-app（詳見 (opens new window)），騰訊課堂官方為uni-app錄制培訓課程（詳見 (opens new window)），開發者可以放心選擇。uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序開發框架（詳見 (opens new window)）、更好的App跨平臺框架、更方便的H5開發框架。不管領導安排什么樣的項目，你都可以快速交付，不需要轉換開發思維、不需要更改開發習慣。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.gyxygd.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司