快速开始

让我们开始吧!

兼容性

仅支持Vue3,请留意你的vue版本.

建议你为你的项目配置jsx支持,这会极大的改善你的开发体验,否则你就需要一路h函数了.关于如何为你的项目配置jsx支持,vite用户参见@vitejs/plugin-vue-jsx.

安装

通过你项目使用的包管理器进行安装

npm

$ npm install vue3-command-component

yarn

$ yarn add vue3-command-component

pnpm

$ pnpm add vue3-command-component

bun

$ bun add vue3-command-component

多嘴一句,建议你使用Anthony Fu的@antfu/ni

npm i -g @antfu/ni

然后你就可以无视包管理器差异了

ni vue3-command-component

使用

现在你可以直接使用了。

import { useElementPlusDialog } from "vue3-command-component";

const CommandDialog=useElementPlusDialog()

const Content=defineComponent({
  render(){
    return <div>弹窗内容</div>
  }
})

CommandDialog(<Content />)

更多示例请参见示例