成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 2.6.0 具名插槽， 作用域插槽

MorePainMoreGain / 2622人閱讀

摘要：后將已廢棄的使用特性的語(yǔ)法廢除，但是目前還能夠使用，鏈接地址如圖實(shí)現(xiàn)一個(gè)類似，星級(jí)點(diǎn)評(píng)的組件父組件子組件子組件將綁定再傳給父組件的再通過獲得傳過來的值，官方解釋作用域插槽的內(nèi)部工作原理是將你的插槽內(nèi)容包括在一個(gè)傳入單個(gè)參數(shù)的函數(shù)里插槽

vue 2.6.0后將已廢棄的使用 slot-scope 特性的語(yǔ)法廢除，但是目前還能夠使用，
鏈接地址：https://cn.vuejs.org/v2/guide...
如圖實(shí)現(xiàn)一個(gè)類似，星級(jí)點(diǎn)評(píng)的組件


父組件：


子組件：


子組件將 star綁定再傳給父組件的 v-slot="slotProps",再通過slotProps.star獲得傳過來的值，

官方解釋：
作用域插槽的內(nèi)部工作原理是將你的插槽內(nèi)容包括在一個(gè)傳入單個(gè)參數(shù)的函數(shù)里：

function (slotProps) {
// 插槽內(nèi)容
}
個(gè)人理解為這里是一個(gè)對(duì)象即{star: value(值)}， slotProps為該對(duì)象，
具名插槽：
父組件

子組件：

其中v-slot:#header可以這樣簡(jiǎn)寫

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109259.html

相關(guān)文章

  • vue 2.6 插槽更新 v-slot 用法總結(jié)

    摘要：在中，我們?yōu)榫呙宀酆妥饔糜虿宀垡肓艘粋€(gè)新的統(tǒng)一的語(yǔ)法即指令。它取代了和這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。新語(yǔ)法的由來可查閱。 在 2.6.0 中，我們?yōu)榫呙宀酆妥饔糜虿宀垡肓艘粋€(gè)新的統(tǒng)一的語(yǔ)法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。新語(yǔ)法的由來可查閱 RFC。 引vue官方文檔之前...

    selfimpr 評(píng)論0 收藏0

  • vue 插槽，`slot`和 `slot-scope`已被廢棄

    摘要：它取代了和這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。例外情況當(dāng)被提供的內(nèi)容只有默認(rèn)插槽時(shí)，組件的標(biāo)簽才可以被當(dāng)作插槽的模板來使用。如下，讓后備內(nèi)容默認(rèn)內(nèi)容替換正常情況下的綁定在元素上的特性被稱為插槽。 最近忙著寫一些組件，關(guān)于插槽這一塊自己還是用著 slot 和 slot-scope，然后看了一下文檔的更新，于是又重新把插槽學(xué)習(xí)了一篇，下面一段是文檔中的說明: 在 2.6.0 中...

    myshell 評(píng)論0 收藏0

  • vue 插槽，`slot`和 `slot-scope`已被廢棄

    摘要：它取代了和這兩個(gè)目前已被廢棄但未被移除且仍在文檔中的特性。例外情況當(dāng)被提供的內(nèi)容只有默認(rèn)插槽時(shí)，組件的標(biāo)簽才可以被當(dāng)作插槽的模板來使用。如下，讓后備內(nèi)容默認(rèn)內(nèi)容替換正常情況下的綁定在元素上的特性被稱為插槽。 最近忙著寫一些組件，關(guān)于插槽這一塊自己還是用著 slot 和 slot-scope，然后看了一下文檔的更新，于是又重新把插槽學(xué)習(xí)了一篇，下面一段是文檔中的說明: 在 2.6.0 中...

    thursday 評(píng)論0 收藏0

  • 詳解vue組件三大核心概念

    摘要：前言本文主要介紹屬性事件和插槽這三個(gè)基礎(chǔ)概念使用方法及其容易被忽略的一些重要細(xì)節(jié)。至于如何改變，我們接下去詳細(xì)介紹單向數(shù)據(jù)流這個(gè)概念出現(xiàn)在組件通信。比如上例中在子組件中修改父組件傳遞過來的數(shù)組從而改變父組件的狀態(tài)。的一個(gè)核心思想是數(shù)據(jù)驅(qū)動(dòng)。 前言 本文主要介紹屬性、事件和插槽這三個(gè)vue基礎(chǔ)概念、使用方法及其容易被忽略的一些重要細(xì)節(jié)。如果你閱讀別人寫的組件，也可以從這三個(gè)部分展開，它們...

    rickchen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<