vue 3 通过render函数渲染element-plus组件

vue 3 通过render函数渲染element-plus组件有以下几种实现方式，举例如果想使用el-input组件

直接引入组件

<script lang="jsx">
import { ElInput } from 'element-plus'

export default {
    render() {
        return h(ElInput, {}, [])
    }
}
</script>

通过名字引入

有时候，我们不知道引入的是 ElInput，希望通过名字引入，可以用以下方法

<script lang="jsx">
import { h, resolveComponent } from 'vue'

export default {
    render() {
        const component = resolveComponent('el-input')   // 'el-input' 可通过外部传入
        return h(component, {}, [])
    }
}
</script>

全局注入

如果在main.js里全局注入了el-input，就可以按以下写法：
https://element-plus.org/zh-CN/guide/quickstart.html

<script lang="jsx">
import { h } from 'vue'

export default {
    render() {
        return h('el-input', {}, [])
    }
}
</script>