色悠悠久悠悠久草国产在线,色av综合播放在线观看,亚洲一区二区三区高清无码

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

創(chuàng)新互聯(lián)VUE3教程：Vue3.0組合式API模板引用

本節(jié)代碼示例使用單文件組件的語法

本指南假定你已經(jīng)閱讀了組合式 API 簡(jiǎn)介和響應(yīng)性基礎(chǔ)。如果你不熟悉組合式 API，請(qǐng)先閱讀此文章。

在使用組合式 API 時(shí)，響應(yīng)式引用和模板引用的概念是統(tǒng)一的。為了獲得對(duì)模板內(nèi)元素或組件實(shí)例的引用，我們可以像往常一樣聲明 ref 并從 setup() 返回：

這里我們?cè)阡秩旧舷挛闹斜┞?root，并通過 ref="root"，將其綁定到 div 作為其 ref。在虛擬 DOM 補(bǔ)丁算法中，如果 VNode 的 ref 鍵對(duì)應(yīng)于渲染上下文中的 ref，則 VNode 的相應(yīng)元素或組件實(shí)例將被分配給該 ref 的值。這是在虛擬 DOM 掛載/打補(bǔ)丁過程中執(zhí)行的，因此模板引用只會(huì)在初始渲染之后獲得賦值。

作為模板使用的 ref 的行為與任何其他 ref 一樣：它們是響應(yīng)式的，可以傳遞到 (或從中返回) 復(fù)合函數(shù)中。

#JSX 中的用法

export default {
  setup() {
    const root = ref(null)


    return () =>
      h('div', {
        ref: root
      })


    // with JSX
    return () => 
  }
}

#`v-for` 中的用法

組合式 API 模板引用在 v-for 內(nèi)部使用時(shí)沒有特殊處理。相反，請(qǐng)使用函數(shù)引用執(zhí)行自定義處理：

分享名稱：創(chuàng)新互聯(lián)VUE3教程：Vue3.0組合式API模板引用
網(wǎng)頁(yè)URL：http://m.5511xx.com/article/dhhpegg.html

新聞中心

#JSX 中的用法

#v-for 中的用法

其他資訊

#`v-for` 中的用法