1. 程式人生 > 其它 >20202312實驗三《資料結構與面向物件程式設計》實驗報告

20202312實驗三《資料結構與面向物件程式設計》實驗報告

後備(預設)內容

步驟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>