Different UI

✨ A Vue.js 3 UI Library

By 大Van家 on 2021-11-22
阅读时间 1 分钟
文章共 325
阅读量

different-ui

最新版本请查看 github

Different UI - A Vue.js 3 UI library made by @yesmore

  • 💪 Vue 3 Composition API
  • 🔥 Written in TypeScript
  • ✨ With Colorful Style
阅读文档:中文版 | English

⚡️ 状态: Beta

这个项目仍在持续开发中。欢迎加入开发,并提出您的第一次Pull Request 。

下一步计划

  • 完善已有组件样式
  • 使用jest测试已有组件
  • 使用vuepress生成开发文档并上线
  • 发布npm
  • 编写案例模板

📖 开发文档

更详细的 Api、组件信息请查看 https://yesmore/different-ui

🎡 重要更新

重大更新日志请查看: Breaking Change List.


🖖 安装

1
$ npm install different-ui -S

👋 快速开始

全局加载

1
2
3
4
5
6
7
8
// vue3/main.ts
import { createApp } from 'vue'
import App from './App.vue'
import DifferentUi from '@different-ui'

const app = createApp(App)
app.use(DifferentUi)
app.mount('#app')

按需加载

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// vue3/App.vue
<template>
<div>
<df-button>按钮1</df-button>
</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { DfButton } from 'different-ui'

export default defineComponent({
name: 'App',
components: { DfButton },
setup() {

}
})
</script>

开发者启动

1
$ npm run dev

🌱 Different Zen

  • Beauty is better than ugliness, and so is CSS
  • Sometimes ‘CV’ may be really better than you, except boss
  • From 0 to 1

Licence

Different UI is open source software licensed as MIT.


Tips: Please indicate the source and original author when reprinting or quoting this article.