前端框架，一個在「大前端時代」出現的產物，當 jQuery 已經沒辦法輕易應付萬紫千紅的需求時，框架開始崛起。
近期開始接觸網頁程式的人，無論你的指導老師是誰，他們在教完你 HTML、CSS、JavaScript/jQuery 之後，大概會像大X博士一樣，把三隻神奇寶貝擺出來要「訓練家」選一隻。
此時的你可能還在「蹲馬步」，根本還無心選擇任何一隻神奇寶貝。
偏偏指導老師(大X博士)卻說，如果不選一隻神奇寶貝，就無法步上神奇寶貝大師的旅途。
筆者差不多就是在這個時空背景下由大學教授引領，踏入網頁這條不歸路。
從後端的 C#、ASP.NET MVC、ASP.NET Core、Node.js。
一直到前端 HTML 、CSS 、JavaScript 、jQuery、Angular 、 React
還有... 沒了，就這樣。(當年妙蛙種子還沒崛起)
雖然都是拿來寫網頁，彼此之間也都算是有關聯，卻也因為關聯性太強，對我來說這些技術就像「看起來解得開的死結」一般，好像調整一下即可解開，卻在「調整一下」後，發現還是亂成一團。
記得最初是從一個叫 「Bracket」的 IDE 建立 HTML 檔案，學會怎麼在網頁上呈現 「hello world」。
沒幾個禮拜後，開始在學如何使用「史上最強編譯器」 visual studio 的 scaffolding 功能產出 「我的 ASP.NET 應用程式」。
兩個東西好像都是要「產畫面」，但兩者資料夾結構又完全不同，一個極為簡單，另一個略為複雜，兩者的觀念就像上方的「死結」例子一般，在我腦中始終解不開。
我那個年代還沒有前後端的觀念(或是我還不知道)，所以我以為這「堆」東西都要學會，才叫學會網頁。
但資質駑鈍的我根本無法一次面對這些東西，最後處於一個半放棄狀態。
在這樣懵懂的狀態下進入職場，在江湖闖蕩了幾年，也比較敢說自己已經脫離「新手村」的階段。
近期常常聽聞身邊的朋友「想轉職工程師」，跑去培訓班「學程式」。
聊了一下培訓班所教的內容，由於現在已經有「前後端」的觀念，現在學程式貌似會先為此區隔，不過最後還是直接送上「全端大雜燴」。
想想其實跟我大學「學程式」的狀況一樣，只差我是花了「兩三年」的時間「得知」這些技術，而朋友則是在短短「幾個月」內要「學會」這些技術。
說了這麼多只是想說，無論是像我這種「半個本科生」，還是剛想進入程式領域的朋友，學習程式要走的路程可能大同小異，都是在多方面的認識程式領域有哪些技術之後之後，開始選擇自己想走的路。
對畫面沒興趣，可以去研究大數據，可以去玩資料庫，可以去寫後端。
害怕面對「只有資料」的世界，想從學會做出美美的畫面入門，那我們適合選前端。
最後我選擇了前端，選擇了 Vue。 並且準備拾起後端這條不歸路
由於我寫不出比官網更詳細的內容。
用字遣詞可能也沒有 重新認識 Vue.js 作者 Kuro 大大來得優雅。
敘事風格也沒有 Alex 宅幹嘛 頻道主 Alex 大大來得風趣。
不過還是盡量把「Vue 筆記」紀錄清楚，把自己的學習迷惑給紀錄下來，尤其是那些專有名詞，像是元件、狀態之類可能會對新手感到陌生的詞彙。
(新手表示：我什麼東西都剛學，對任何辭彙都很陌生)
希望那些對程式還不熟悉，看不懂太多專有名詞的讀者，透過我的筆記能對 Vue 略知一二。
此系列文雖說是筆記，不過還是希望可以帶給剛接觸程式，且想認識 Vue 的人，起到「敲門磚」的作用。
如果您已經是程式開發老手，對於直接閱讀官網已經沒有任何障礙，有能力從官網找到自己要的資訊，並且實作在自己的專案之中，那麼此系列文對您來說會太過表淺。
不過如果您願意看完系列文，並且針對 Vue 有誤解的部分提出指點，我會很感激。
敲門磚：取磚塊，將門打開，門既得入，磚便無用。
故用敲門磚來比喻任何用作進身之階，隨後即便丟棄的東西。
分享一句我的師父說的話給您們：「技術學新不學舊」。
文章全部會以 「官方建議」 Vue3 的所有配套進行說明。
任何一切版本迭代的比較，不會紀錄之！
言下之意： Vue3 + Composition API + Vite + Pinia。
筆者其實盡量有想少說一點廢話，但發現這可能就是自己的文章風格。
雖然是筆記文，但可能會是用「教人」的敘事風格，你就當我在自言自語吧。
如果我的文字您還看得下去，如果上面的內容剛好有搓到您的痛處，如果敝人沒有因為在挑戰雙鐵而棄賽。
我會把自己的 Vue 筆記呈現出來，希望能幫到您。
這次系列文主題是筆記，筆記總有參考來源，筆者學習 Vue 的主要管道有三個，如果文章目錄、內容與這三個管道的「目錄」、「資訊」、「用詞」或是「範例」有所雷同，並不是巧合：
iThome鐵人賽
看影片追技術