最新版本请查看 github

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

• 💪 Vue 3 Composition API
• 🔥 Written in TypeScript
• ✨ With Colorful Style

⚡️ 状态: 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.

• ← 上一篇
• 下一篇 →