日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

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

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

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

作為模板使用的 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ù)引用執(zhí)行自定義處理：

網(wǎng)站欄目：創(chuàng)新互聯(lián)VUE3教程：Vue3.0組合式API模板引用
文章位置：http://www.dlmjj.cn/article/dhhpegg.html