进阶必学！最新 Vue3.3 + TS4 高仿 ElementPlus 打造自己的组件库

v-element 是一套教学组件库，使用最新的 Vue3.3 和 TS， 意在让大家从零到一，由浅入深的提高自己的 Vue 和 typescript 水平

安装

npm i @hnxhqszj/s-element --save

开始使用

全局使用

// 引入所有组件
import VElement from "v-element";
// 引入样式
import "node_modules/v-element/dist/index.css";

import App from "./App.vue";
// 全局使用
createApp(App).use(VElement).mount("#app");

<template>
  <vk-button>我是 VkButton</vk-button>
</template>

单个导入

V Element 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。

<template>
  <Button>我是 VkButton</Button>
</template>
<script>
import { Button } from " @vikingmute/v-element";
export default {
  components: { Button },
};
</script>