Villianjs

Villianjs 是使用 Naive UI 和 Typescript 封装的组件库。集成了表单组件，CURD 组件，登录组件等。可以快速的进行后台开发系统的开发，减少了 CURD 的表格和表单的代码。

::: code-group

npm install naive-ui 

npm install @villianwen/villianjs

pnpm add naive-ui 
pnpm add @villianwen/villianjs

yarn add naive-ui 
yarn add @villianwen/villianjs

:::

文档

全局使用

import { createApp } from "vue";
import App from "./App.vue";
import VlaComponents from "@villianwen/villianjs";

const app = createApp(App);

app.use(VlaComponents);

app.mount("#app");

局部使用

<template>
	<vla-checkbox v-model:value="value" :disabled="false" :options="options">
	</vla-checkbox>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { VlaCheckbox } from "@villianwen/villianjs";

const value = ref([]);

const options = [
	{
		label: "选项 1",
		value: 1,
	},
	{
		label: "选项 2",
		value: 2,
	},
];
</script>

<style scoped></style>