延續昨日今天來把功能測試完成吧!!經過一番修整之後這就是我們目前的頁面 因為我鐵人賽day22的文章只有內容其他都沒有所以就不會顯示出來以下是程式碼 再來就是新增幾個function讓這些按鈕可以開始...
上篇提到slot傳入的內容都是由外層元件提供，如果內層元件slot也想使用內層資料時，就可以使用Slot Props，概念就是內層元件利用插槽的props將部份內層資料，傳遞給外層元件做使用。 Sl...
今天要介紹的是Vuex 先來說說我們在什麼時候會比較需要用使用到Vuex呢?如果在做比較大型的專案時component和component之間沒有使用Vuex集中管理去做傳遞，反而是用很多props做...
我們在使用props時有時會需要特別對傳進來的資料做檢查所以通常我們就會用以下幾個資料類型來做驗證: String Number Boolean Array Object Date Function...
如同我們前面幾天提到的，Vue的核心是用來處理狀態、版面、以及元件的邏輯。 但是當整個網站逐漸發展成為應用程式的時候，Vue的元件或是切換頁面若要使用原本我們所熟悉的 v-if、v-else，就會讓整...
純 JS 的環境裡要改變 DOM 元素，除了要找到他，還要用 setAttribute, textContent...等等方式來綁定資料，在 Vue 中只要把資料準備好，愛怎麼綁就怎麼綁，馬上來看看這...
問題回答 懶加載路由或元件的意思是當訪問該路由，或需要顯示該元件時，才載入該路由或元件。這做法會提升網頁效能，在打包時，如果某路由或元件設定了懶加載，就會獨立被拆成一個 JS 檔案，而非塞進 app....
登出模式及未登入限制讀取頁面 navbar.vue調整 登出登入的切換調整利用v-show來判斷是否登入 調整button事件包含會員資料頁面連結及登入登出連結。 <b-nav-item...
Hi Dai Gei Ho~ 我是 Winnie ～ 在今天文章中，我們要來介紹的是VueUse 。 什麼是VueUse VueUse 作者為 Anthony Fu ，是一個主要以 Composit...
學完component是怎麼傳遞之後，看似完美，如果某天PM丟出一個需求，初步了解狀況後，發現有很多地方都可以組成元件來重複使用，但其實沒有這麼簡單，看起來一樣的區塊，其實裏面有很多結構不一樣，這時就...