Day3 的文章有使用到資料傳遞,感覺開發上會蠻常用到的,今天就稍微深入了解一下兩個的區別
Props:由外向內傳資料
靜態傳入最簡單的情境是父元件直接把一個靜...
前面幾天的內容是在探討父元件和子元件間的資料傳遞,不過當根元件要傳遞到最底部的元件時,如果使用 props 一層一層傳遞,可能會影響到中間層元件造成額外的麻煩,...
自定義元件的插槽
元件插槽的基本用法
如果要讓自定義元件支援插槽,需要使用slot標籤來指定插槽位置,例如:
const containerComponen...
今日目標:
表格下方加入頁數,每頁 10 筆資料
若頁數 <= 1,則不顯示頁數切換
設計 Pagination.vue
在 src/componen...
元件中資料與事件的傳遞
理解了這些,為自定義元件增加 v-model 支援就非常簡單。範例程式如下:
<div id="Applicatio...
實作一:隨滑鼠移動的小球
今天將會嘗試撰寫一段簡單的範例應用,在頁面上繪製一塊區域,在區域內繪製一個圓形球體,我們需要實現當滑鼠在區域內移動時,球體可以平滑地...