鐵人檔案
年中才剛攻破 JavaScript 30 挑戰一天一題 JavaScript，過不久因緣際會接了一個專案需要使用框架開發，直接迫使我從 Vanilla.js 新...
本篇以 Vue CLI 開始這一回合。 Vue CLI 提供快速建置的開發環境，使用者只需透過簡易設定選擇組隊工具，之後再輸入指令便能操作基本的運行功能；如此主...
建好專案之後，來看看專案裡已經幫你準備好哪些檔案吧！先大致認識每個資料夾如何分門別類的規則，日後自己在歸檔時也會相對有概念，更方便管理檔案、組織架構。 根目錄層...
繼上篇觀察整個專案資料夾結構之後，接著來觀察子層 components 資料夾裡的 HelloWorld.vue 和父層 views 資料夾裡的 Home.vu...
延續上篇最後提到 Webpack 設置了別名「@」來取代路徑「/src」，然而在模版語法中，「@」則是另外的用途，因此一開始先分辨清楚各自的定義，之後就能運用自...
本篇開始終於要進入解決需求的前置作業了！首先需要讓網站有個基本的置頂導覽列，讓我們有請 BootstrapVue 出場～直接交給 BootstrapVue 幫你...
上篇透過簡單的 vue add 指令就完成了 BootstrapVue 安裝和引入，其引入 bootstrap-vue plugin 的方式其實是備妥所有 Bo...
成功渲染出 BootstrapVue Navbar 元件之後，接著來將預設樣式改成自己喜歡的專案色調和排版吧！依據文件介紹，我們可以利用修改 property...
目前為止，我們成功引入了 BootstrapVue 的元件 Navbar，也調整了樣式和內容。 突然發現少放了一個重要項目，於是趕緊補上一個 <b-nav...
承上篇，談到 v-for，就要說說它的最佳良伴——key。 v-for 必須綁定代表唯一值的 key 若未綁定 key 值，Terminal 會直接報錯，表示「...
