@yangxinhao/vue-ui
v1.0.0
Published
Vue3 components library
Downloads
2
Readme
Vue组件库
开箱即用
特点
📚新
使用目前
Vue3
周边最新 ,最全技术:Vue3.3
+Typescript4
+Vite
+Vitest
+Vitepress
+Vue-test-utils2
+Rollup
+Postcss
一网打尽。💧专业
大厂前端项目架构设计思想/开发模式/代码规范/流程
🌹单元测试
常年忽略但是非常重要的内容,简历加分项,使用最新的 Vitest,Vue-test-utils2 完成单元测试
📚文档生成工具
组件库打包和发布以及其他周边流程应有尽有,提供一揽子解决方案
安装
npm i @yangxinhao/vue-ui --save
开始使用
全局使用
// 引入所有组件
import XElement from '@yangxinhao/vue-ui'
// 引入样式
import '@yangxinhao/vue-ui/dist/index.css'
import App from './App.vue'
// 全局使用
createApp(App).use(XElement).mount('#app')
vue
<template>
<x-button>我是 Button</x-button>
</template>
单个导入
X Element 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。
<template>
<Button>我是 Button</Button>
</template>
<script>
import { Button } from '@yangxinhao/vue-ui'
export default {
components: { Button },
}
</script>