問題回答 teleport 是 Vue 3 新增功能。teleport 就像是多啦A夢的「隨意門」一樣，只要設定了 teleport，就能夠把 DOM 內容隨意塞去畫面上任個地方。例如當使用遮蓋整個網...
Hi Dai Gei Ho~ 我是Winnie～ 在今天文章中，我們要來說的是Compostion API 中的 ref 與reactive。而 在開始之前，我們先來回憶過去～ Option API...
今天我們會利用上一篇的 分頁組件 範例來做更改，不過差別在於，這次我們父子組件的溝通不是透過 props & $emit 而是透過另一個方式來達成相同的功能 訪問子組件或是子元素 : ref...
延續昨日我們今天的目標是獲取帳戶訊息以及修改帳戶資料首先先去views 裡面創一個Account.vue在router 裡面新增一個新的path(這次的path比較不同) { path: '...
簡介 vue原生元件，可達到cache目的。使元件狀態維持不變，不重走生命週期。 新增鉤子activated: 被keep-alive涵蓋的原件重新渲染時觸發。deactivated: 被keep-...
今天來寫介紹那邊圖片輪播的功能 首先先寫一個陣列data放圖片 data: { img: [ "im/B3-0.jpg", "im...
條件判斷 v-if v-show v-if 與 v-show 的區別 <div id="app"> <input type="checkbox&qu...
Slots ? 想要傳入內容到子層中，slots 是另一種可以選擇的方式，在 component 預留空間，父層再放入內容。 節錄- Kuro 重新認識 vue.js 中的兩句話: slot 特性...
問題回答 slot（插槽）的概念是把外層的內容塞進子元件的指定位置裏。跟插槽的字面意思一樣，前提是：有插口才能插。子元件需要開一個插口（slot），才可以在外層元件把內容塞進子元件裏。 slot（插槽...
Hi Dai Gei Ho~ 我是Winnie～ 在今天的內容中，我們要來說的是 Composition API 的 Setup() Setup() setup函式 為 Composition API...