open-index/open-npm huggingface dataset:
npm package: @hnxhqszj/s-element
Description: **v-element** 是一套教学组件库，使用最新的 Vue3.3 和 TS， 意在让大家从零到一，由浅入深的提高自己的 Vue 和 typescript 水平
Latest version: 1.0.0

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

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

### 安装

```bash
npm i @hnxhqszj/s-element --save
```

### 开始使用

**全局使用**

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

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

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

**单个导入**

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

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