到昨天(Day 5)為止,我們的任務清單網站已經能夠:新增任務、勾選完成、刪除任務,功能雖然齊全,但畫面還是很陽春。就像是一間剛裝潢好的房子,家具雖然都有,但沒...
今天繼續介紹Vue的語法
v-forv-for在官網上是寫List Rendering(列表渲染),不過v-for的執行方式就像我們一般寫for迴圈,藉由v-f...
在 Day 10,我們打造了一個功能完整的 BaseSelect 元件。我們在表單中將它展示出來,手動選擇選項,看起來一切正常。但這就夠了嗎?
想像一下,未來我...
前言|延續 Day 3 的思維
昨天我們把 姓名(必填)/ 備註(選填) 加入點單,並用 v-model 打通「輸入 ↔ 狀態」;
同時沿用 Day 1 的流程...
自定義元件的插槽
多具名插槽的用法
在Vue中,很多指令都有縮寫的形式,具名插槽也同樣具有縮寫形式,可以使用符號「 # 」來代替「 v-slot 」、前面的範...
為元件新增外部屬性
修改my-alert元件的定義如下:
const alertComponent = {
data(){
retu...