在Day5 Vue指令-屬性綁定與列表渲染中有介紹到v-bind屬性綁定,它是一種單向的資料流綁定,而今天的內容將介紹資料的雙向綁定與修飾符。
什麼是雙向綁定?...
前幾天的內容都是使用Options API來撰寫範例程式碼,今天將更深入探討Composition API,並且透過實作簡易計數器來比較兩種寫法~
setup函...
在 Day 11,我們為 BaseSelect 建立了完整的測試覆蓋,確保元件在未來修改時不會出現回歸問題。今天我們要繼續我們元件的開發:Card 容器元件的設...
Toast 元件是一種短暫的提示訊息,目的是讓使用者知道當前做的事情是成功還是失敗,以下來看看如何建立這個元件
基本範例
Step 1: 建立 Toast 元件...
昨天介紹如何透過使用插值表達式 {{ }} 動態更換文本內容,今天將繼續介紹如何透過Vue指令來更換 HTML 標籤的「屬性」~
屬性綁定 v-bind
將 H...
前兩天介紹的 props 是父元件向子元件傳遞資料的方式,若子元件要將更新的狀態傳回父元件,則需要透過 event 觸發父元件的更新。
子元件向父元件傳遞事件...