20202312實驗三《資料結構與面向物件程式設計》實驗報告
阿新 • • 發佈:2021-10-12
後備(預設)內容
步驟1:定義元件 通過<slot></slot>佔位留一個口子/槽
步驟2:呼叫元件 留心:雙標籤中的內容 會自動填充到口子/槽 中
具名插槽:顧名思義佔位的口子/槽有名字,呼叫的時候根據名字插入
步驟1:定義元件 通過<slot name="標識"></slot>佔位留一個口子/槽
步驟2:呼叫元件 根據下述語法插入資料(留心1:如果標識不寫則插入預設口子/槽 留心2:標識不能加引號
舊:<template slot="標識">內容</template>
新:<template v-slot:標識>內容</template>
新:<template #標識>內容</template>
作用域插槽:呼叫元件,有時候需要使用元件模型中的資料
步驟1:定義元件 <slot name="標識" v-bind:任意名稱="data模型中的鍵" ... ></slot> 傳資料
步驟2:呼叫元件 通過下述語法就可以獲取元件模型資料(留心:item是物件 鍵就是一個個任意資料
舊:<template slot="標識" slot-scope="item">內容</template>
新:<template v-slot:標識="item">內容</template>