Vue.js 2.0 - 帶著 Vue 框架闖蕩異世界 - [1]醒來便是異世界
記錄著從 Vue 新手村出發的練功歷程...
Updated
•1 min read![Vue.js 2.0 - 帶著 Vue 框架闖蕩異世界 - [1]醒來便是異世界](/_next/image?url=https%3A%2F%2Fraw.githubusercontent.com%2Fexplooosion%2Fblogs%2Frefs%2Fheads%2Fmain%2Fdocs%2Fimages%2F2017-07-28_Vue.js%25202.0%2520-%2520%25E5%25B8%25B6%25E8%2591%2597%2520Vue%2520%25E6%25A1%2586%25E6%259E%25B6%25E9%2597%2596%25E8%2595%25A9%25E7%2595%25B0%25E4%25B8%2596%25E7%2595%258C%2520-%2520%25EF%25BC%25BB1%25EF%25BC%25BD%25E9%2586%2592%25E4%25BE%2586%25E4%25BE%25BF%25E6%2598%25AF%25E7%2595%25B0%25E4%25B8%2596%25E7%2595%258C%2Fbanner%2Flogo.png&w=3840&q=75)
記錄著從 Vue 新手村出發的練功歷程...
本篇任務指引:
- 認識世界(M)
- 購買裝備(I)
- 學習魔法(K)
一、初次來到異世界
剛醒來到 Vue 的世界,先打開地圖 (M) ,了解一下世界外觀:
尤雨溪是 Vue.js 的作者,
看起來很年輕也很帥呢!

那麼這個世界嚮往著什麼呢?(太懶了直接截圖)
我們可以推得:
作者厭倦了世俗的繁瑣,現世過於複雜龐大,
因此決定要創造出理想的伊甸園,讓居民能夠身處世外桃源。
Vue.js 跟許多框架都一樣,希望以堆積木的方式,重複使用既有的元件,
下圖這張為官方所繪製的,網頁實際上切割成很多塊,
圖中相同形狀的積木就是同一類組建,
同樣的組件可以重複使用,而不用重新建造,
而展開後就像右邊的樹狀圖一樣,是具有層次順序的樹狀結構。
二、總不能穿著睡衣
新手村的你可能需要買一點裝備才能出城,以下為推薦的裝備:
- 能夠使用魔法的媒介:Visual Studio Code
- 通用基礎魔法語言:從ES6開始的JavaScript學習生活
- 可以進行實驗的容器:Chrome
- 適度的放鬆有助於學習:Spotify
- 從造物者偷來的文件:Vue.JS
如果以上都準備好環境了,我們就可以出城打波利了

Next Stop:
Vue.js 2.0 - 帶著 Vue 框架闖蕩異世界 - [2]環境建置的前哨
有勘誤之處,不吝指教。ob'_'ov








