av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

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

本節(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í)行自定義處理：

當(dāng)前文章：創(chuàng)新互聯(lián)VUE3教程：Vue3.0組合式API模板引用
網(wǎng)頁鏈接：http://uogjgqi.cn/article/dhhpegg.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流