快速开始

安装

npm

$ npm add form-cook-render

pnpm

$ pnpm add form-cook-render

yarn

$ yarn add form-cook-render

TIP

如果项目中没有安装element-plus的话，同时需要运行pnpm install element-plus来安装 ElementPlus 框架。

全局注册

在 main.ts 中引入并注册 FormCookRender

import { createApp } from "vue";
import App from "./App.vue";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import FormCookRender from "form-cook-render";

const app = createApp(App);

app.use(FormCookRender); // 挂载 FormCookRender

app.use(ElementPlus); //挂载ElementPlus

app.mount("#app");

TIP

FormCookRender 中内置了常用的表单组件app.use(FormCookRender) 的时候会注册这些内置组件。

局部注册

在组合式 API 风格 setup 函数中使用 FormCookRender

<script setup lang="ts">
import { FormCookRender, registerDefaultComps } from "form-cook-render";
registerDefaultComps();
</script>

TIP

FormCookRender 非插件方式挂载的时候，需要手动导入及手动导入调用注册内置组件函数registerDefaultComps()来注册组件。