為什麼GitLab選擇Vue.js?

banq發表於2016-10-22

GitLab選擇Vue.js是因為簡單易用和只需更少程式碼。

簡單易用

Vue.js很容易編寫簡單的JavaScript。開始使用Vue.js是非常容易的。它的原始碼是非常可讀的,文件是唯一的教程,你永遠需要。你不需要外部的庫。你可以使用jQuery或不。你不需要安裝任何外掛,儘管有許多可用的外掛。我喜歡香草輕量 Vue.js,就我個人而言,雖然當我需要各種Vue資源就可得到它。從vue.js到現有的程式碼是非常簡單的。vue.js沒有魔法–它就是按照物件方式一路走下去。

我跟很多JavaScript開發者交談過,覺得很有趣,他們花大部分時間Angular,以至於都不能很好了解JavaScript了。我不希望我或者我們的開發者變成這樣。我們為什麼要寫“沒有JavaScript“的程式碼呢?

我記得當我使用的Backbone,我不得不真正迫使自己保持DRY,因為它確實是一個空白畫布。vue.js不做出什麼大的假設。它真的只假設你的資料將改變。

Vue.js是完美的平衡,它會為你做什麼,什麼是需要你自己做。如果Backone是無政府狀態(沒有主管),而Angular是一個專政(Angular團隊統治),我想說Vue.js是社會主義:絕對是你在主宰,vue.js總是使用觸手可及的,堅固的,但靈活的安全網網路以幫助你保持你的程式設計效率和將你所遭受的DOM苦難降到最低。

下面是簡單程式碼:

<div id="journal">
  <input type="text" v-model="message">
  <div>{{message}}</div>
</div>
<p>

var journal = new Vue({
  el: '#journal',
  data: {
    message: 'Your first entry'
  }
});
<p>

如果你見過幾個JavaScript庫,沒有任何文件都很難了解例子。通常使用其他框架,開始時,你能得到很好的,簡單的例子,當到了現實中的事情就變得複雜。vue.js如同文件一樣一直保持簡單。

這就是我們愛vue.js原因:它是結構和簡單的優雅組合。檢視的資料進入一個被稱為資料data的物件。任何你編寫回撥事件的函式會進入一個methods的物件,但他們可以做或返回任何你想要的。vue.js只知道事情的變化和更新你的檢視。而且你寫的程式碼變少了。

Vue.js + GitLab === Less code

當我加入gitlab的時候,所有的JavaScript都是用jQuery編寫。這並沒有什麼錯,除了需要更多的程式碼來解決每一個問題。我們知道我們可以做得更好。一旦我們開始使用Vue.js,我們可以在很短的時間立即解決複雜的問題。

一個簡單的但實際的例子,我們在生產中的應用:在gitlab “Issue問題“上,“問題”的狀態是顯示關閉或開啟。這個簡單的值可以經常改變,需要在幾個檢視中表示。使用jQuery,我們大約有30行左右的程式碼行來傳播這些變化,這些傳播線路涉及多個類和手工查詢DOM。

在Vue.js,現在只要求我們寫一行JavaScript。唯一的其他程式碼是加在HTML,這只是一些額外的屬性。

Why We Chose Vue.js | GitLab

相關文章