建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
創(chuàng)新互聯(lián)VUE3教程：Vue 3.0 Slot統(tǒng)一
#概覽
此更改統(tǒng)一了 3.x 中的普通 slot 和作用域 slot。
清河門(mén)ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：13518219792（備注：SSL證書(shū)合作）期待與您的合作！
以下是變化的變更總結(jié)：
this.$slots現(xiàn)在將 slots 作為函數(shù)公開(kāi)- 非兼容：移除
this.$scopedSlots
更多信息，請(qǐng)繼續(xù)閱讀！
#2.x 語(yǔ)法
當(dāng)使用渲染函數(shù)時(shí)，即 h，2.x 用于在內(nèi)容節(jié)點(diǎn)上定義 slot data property。
// 2.x 語(yǔ)法
h(LayoutComponent, [
h('div', { slot: 'header' }, this.header),
h('div', { slot: 'content' }, this.content)
])此外，在引用作用域 slot 時(shí)，可以使用以下方法引用它們：
// 2.x 語(yǔ)法
this.$scopedSlots.header#3.x 語(yǔ)法
在 3.x 中，插槽被定義為當(dāng)前節(jié)點(diǎn)的子對(duì)象：
// 3.x Syntax
h(LayoutComponent, {}, {
header: () => h('div', this.header),
content: () => h('div', this.content)
}) 當(dāng)你需要以編程方式引用作用域 slot 時(shí)，它們現(xiàn)在被統(tǒng)一到 $slots 選項(xiàng)中。
// 2.x 語(yǔ)法
this.$scopedSlots.header
// 3.x 語(yǔ)法
this.$slots.header#遷移策略
大部分更改已經(jīng)在 2.6 中發(fā)布。因此，遷移可以一步到位：
- 在 3.x 中，將所有
this.$scopedSlots替換為this.$slots。
網(wǎng)頁(yè)名稱(chēng)：創(chuàng)新互聯(lián)VUE3教程：Vue 3.0 Slot統(tǒng)一
URL鏈接：http://www.5511xx.com/article/dphohhi.html
