當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

Vue.js resolveComponent()用法及代碼示例

用於按名稱手動解析已注冊的組件。

類型 

function resolveComponent(name: string): Component | string

細節

注意：如果您可以直接導入組件，則不需要此操作。

resolveComponent()必須在裏麵調用setup() 或渲染函數，以便從正確的組件上下文中解析。

如果未找到該組件，將發出運行時警告，並返回名稱字符串。

示例 

const { h, resolveComponent } = Vue

export default {
  setup() {
    const ButtonCounter = resolveComponent('ButtonCounter')

    return () => {
      return h(ButtonCounter)
    }
  }
}

const { h, resolveComponent } = Vue

export default {
  render() {
    const ButtonCounter = resolveComponent('ButtonCounter')
    return h(ButtonCounter)
  }
}

相關用法


注：本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 resolveComponent()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。