当前位置: 首页>>代码示例 >>用法及示例精选 >>正文

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()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。