使用 props 将 vue 3 组件导入到 JS 文件中

Question

我有一个包含函数的 JS 文件，我想将带有相应 props 的 vue 组件导入到该函数中。

我已经像这样导入了组件：

import Component from './component.vue'

只要我这样做，vue组件就导入成功了：

function myFunction(){
  return Component
}

但如果我尝试输入这样的道具值，则不会：

function myFunction(){
  return Component('propvalue')
}

Answer 1

组件 props 在渲染过程中实现，因此返回一个包含所需 props 的包装功能组件：

import {h} from 'vue';
function myFunction(){
  return () => h(Component, {prop: 'propvalue'});
}