如果你已經有 HTML/CSS 基礎，那你大概知道「切版仔」的日常——每天對著設計稿，用 HTML/CSS 拼出一模一樣的網頁畫面。
雖然熟練後可以很快完成任務，但有時候你會發現：業界好像不太需要只會切版的人。

我自己也有這個感覺：當了兩年多切版仔後，開始思考下一步。
想讓網頁不只是靜態漂亮，而是能互動、能動態更新資料。
這時候，我遇到了 Vue.js。

Vue.js 是一個前端框架，可以幫助你快速建立互動式網頁，而且對新手相當友善。
學 Vue.js，就像給你的切版技能加上魔法 —— 從只會切靜態頁面，到能做出動態網站。

在接下來的系列文章中，我會帶大家一步步認識 Vue.js，
從最基本的概念開始，慢慢進入實作。本文的目標是：
-讓有網頁基礎的新手快速上手 Vue.js
-用簡單範例理解核心概念
-給切版仔一個「升級前端技能」的方向

如果你也是切版仔，不用擔心，我會把文章寫得淺顯易懂，保證不會一下子就跑到高深的框架語法。
厲害的 Vue 大大們，可以直接跳過，但對新手而言，這是一個很好的起點。

下一篇文章，我們就從 Vue.js 的基本架構 開始，一步步帶你了解這個框架到底是怎麼運作的。