About View UI Plus Open Source#
View UI Plus is a UI component library based on Vue.js 3 in the View Design system, which is mainly used for enterprise-level middle and background systems.
View UI Plus provides more than 80 base components (such as Button, Input, DatePicker) and business components (such as City, Auth, Login).
Experience it online in InsCode#
Features#
- Dozens of useful and beautiful components.
- Friendly API. It's made for people with all skill levels.
- Extensive documentation.
- Customized theme.
Environment Support#
Works with Vue.js 3, compatible with modern browsers, does not support IE (for IE9+ support, please use Vue.js 2 and View UI).
 Edge |  Firefox |  Chrome |  Safari |  Opera |
|---|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
- Support SSR.
- Support Nuxt. View UI Project (Nuxt)
- Support TS. View UI Project (TypeScript)
Install#
Use npm
$ npm install view-ui-plus --save
Or use <script>
<script type="text/javascript" src="viewuiplus.min.js"></script>
Example#
Options API：
<template>
<Slider v-model="value" range />
</template>
<script>
export default {
data () {
return {
value: [20, 50]
}
}
}
</script>
<template>
<Slider v-model="value" range />
</template>
<script setup>
import { ref } from 'vue'
const value = ref([20, 50])
</script>
<template>
<Slider v-model="value" range />
</template>
<script setup lang="ts">
import { ref } from 'vue'
import type { Ref } from 'vue'
const value: Ref<number[]> = ref([20, 50])
</script>
Version#
CSDN 
Zhi Hu
Jue Jin
Live
Admin Plus
