iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
自我挑戰組

每天來點 Vue.js 吧系列 第 2

Vue 原來是法語? Vue 的超簡短歷史介紹

tags: Vuejs

TL;DR ✐

要了解 Vue 的簡短歷史,筆者推薦可以自這部由 Honeypot2020.02.24 發布的 Vue.js: The Documentary 紀錄片入門,裡面記載 Vue 的誕生過程及作者自 google 工程師到開源開發者的心路歷程,整部片不長,只有半小時,很適合配飯吃 ~

影片連結 ▶︎ https://www.youtube.com/watch?v=OrxmtDw4pVI&vl 排版了 N 次,終於成功不斷在奇怪的地方,感謝 titan。

Vue 的誕生 ✐

Vue 起源於 Evan You(尤雨溪)的個人項目,當時 Evan You 於 Google Creative Lab 任職,其工作專案中的交互操作原型需要大量操作視圖和資料,在摸索使用 Angular.js、Backbone.js 試圖提高效率後,Evan You 發覺 Angular.js 傾向幫助作出完整產品、Backbone.js 則沒有提供視圖控制,兩者與其需求並非十分吻合。最終,他選擇開發一個滿足自己需求的小專案,只專注於完成一件簡單的事:

Evan You: just to sync some Dom with some JavaScript objects. That was the original

僅僅是同步 DOM 和一些 JavaScript 物件。

同步 DOM 和物件能將我們從繁複的 DOM 操作(manipulate the DOM)中解放,而這也是當今主流前端框架的共同核心特徵之一。

前端框架的簡史可以參見 MDN 中的介紹, ▶︎ :前端框架簡介。話說前幾天我才發覺 MDN 也有介紹 Vue XD

Vue 的版本 ✐

目前 Vue 3 為 RC 版本,本系列鐵人暫時不會提及 Vue 3。

Vue 自 2014.02 正式發佈至今已經有六年之久,最初的名稱其實是 seed。不過 Evan You 發現 npm 中該名稱已被使用,於是改採其他命名,Vue 便自 View 的法文而生。(據本人所述是 google 翻譯來的 XD)

截至今日 2020.09.17 的穩定版本為 v2.6.11,每個版本的更新細節可以至 Vue 的 github 上查看。

Vue 版本更新細節,最上方的是 ☞ 版本號。其下為該版本改善、修復內容。

Vue 令人感到好奇的版本名稱

Evan You 曾在訪談 尤雨溪谈Vue.js :缔造自由与真我 中提及 Vue 的發行版都是以動漫命名,感覺很有趣也很 中二 充滿童心,不過筆者其實還沒找到如此命名的原因(笑)。

下面列出主要發行版 v2.6.0 超時空要塞

版本 酷炫的版本圖 ★ 主要新增內容
v2.6.0 Macross 超時空要塞 <v-slot>dynamic directive arguments。更多新增修正內容請參考:Evan You's Medium

更多版本名稱列表請參照:神通廣大的外國網友

結語 ✐

以上便是 Vue 的簡短歷史,就一開始來說,筆者認為其中較為重要的內容為 Evan You 在紀錄片中提及的 just to sync some Dom with some JavaScript objects. That was the original 這段話,作為下一章節的預備知識,可以先了解起來 Vue 最初所想實現的是簡單同步 DOM 和資料,藉此減少繁複的 DOM 操作這件事情,以上為此次內容,那我們明天見~。


若是文中有任何錯誤、錯字、想討論的內容,歡迎各位大大不吝鞭笞指正、交流分享,筆者不慎感激 ✦ ✦ ✦

▶︎ 筆者 github:https://github.com/YUN-RU-TSENG
▶︎ 老王賣瓜之筆者另一篇鐵人:每天來點 CSS Specification

▶︎ 倘若不斷向深處扎根,似乎就能茁壯成長 - RM


資料來源

  1. Vuejs.org

上一篇
前言
下一篇
工欲善其事,必先利其器 ⚙︎ Vue 開發環境建置
系列文
每天來點 Vue.js 吧30
0
Titangene
iT邦新手 4 級 ‧ 2020-09-18 08:39:36

其實連結只要打這樣就可以囉,只需要 v,其他都是多餘的 XD
https://www.youtube.com/watch?v=OrxmtDw4pVI

真的誒!成功變成一句了,感謝 titan,神秘的小知識 get XD

Titangene iT邦新手 4 級 ‧ 2020-09-18 23:49:19 檢舉

/images/emoticon/emoticon42.gif

0
mangoSu
iT邦新手 5 級 ‧ 2020-09-27 18:21:37

每個宅宅心中都有很多參考動漫/images/emoticon/emoticon37.gif

/images/emoticon/emoticon12.gif

我要留言

立即登入留言