VUE常用UI组件插件及框架

在Vue中，常用的UI组件库有Element UI、Ant Design Vue、Bootstrap Vue、Vuetify等。以下是一些常用UI组件库的安装和使用示例：

1. Element UI:

npm i element-ui -S

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(ElementUI)

2. Ant Design Vue:

npm i ant-design-vue -S

import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
 
Vue.use(Antd)

3. Bootstrap Vue:

npm i bootstrap-vue

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
 
Vue.use(BootstrapVue)

4. Vuetify:

npm i vuetify

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
 
Vue.use(Vuetify)

这些组件库都可以通过npm或yarn进行安装，并通过Vue.use()全局引入使用。在实际项目中，你可以根据项目需求和个人喜好选择合适的UI组件库。