技術 【Vue】引入 Vue Carousel 輪播圖套件｜ 專案實作

背景 許多網頁時常會加入輪播圖的設計，用來放置活動訊息或是品牌視覺圖片，傳遞資訊及強化品牌形象。因此也有許多輪播圖的套件相繼而出，如：swpier、owl ca...

技術 【Vue】幫元件加上樣式啦｜修改 bootstrap 變數供全域樣式共用 失敗

將樣式區分為全域樣式/區域樣式 全域樣式：大多頁面都會共用到的樣式，reset & variable & maxin ...區域樣式：限制在單一...

技術 【Vue】將元件輸出到畫面｜專案實作

輸出完 header 元件後，試著在 App.vue 引入 TaiHeader.vue。App.vue* <template> <div i...

技術 【Vue】建立 第一個 component | 專案實作

為什麼選擇建立 header component 呢？ 網站各個頁面都會共用 固定版型而且不需要傳入動態的資料，不會有傳接資料報錯的問題 開始建立第一個元件...

技術 【Vue】按照文件操作，怎麼還是報錯｜macOS 安裝 CLI 指令

創建 CLI(command-line interface) 環境前，要先下載 node.js① ⌘ + space 搜尋終端機 terminal.app ②...