VUE 热门 UI 组件库

Vue.js 中的热门 UI 组件库有很多，以下是一些最受欢迎的：

1. Element UI: 由饿了么前端团队开发的Vue UI库，它提供了丰富的组件，如表单、表格、布局、按钮等。
2. Vuetify: 这是一个开源的Vue.js库，它提供了material design的样式和组件。
3. Quasar: 它是一个构建响应式网站和应用的Vue UI库，它提供了大量的组件，并且它有一个出色的设计系统。
4. VueStrap: 这是一个基于Bootstrap标准的Vue组件库，它可以让你使用Vue.js创建Bootstrap项目。
5. iView: 一套高质量的Vue.js UI组件库，主要服务于PC端的中后台产品。
6. Ant Design Vue: 是 Ant Design 的Vue实现，它是最流行的Vue UI库之一，它提供了高质量的Vue组件。
7. Bootstrap Vue: 这是一个用于Vue.js的Bootstrap 4组件库，它提供了所有Bootstrap的样式组件，并且可以自定义样式。
8. Framework7 Vue: 这是Framework7和Vue.js的组合，它可以用于创建iOS和Android应用程序，它提供了一套UI组件。

以下是一个使用Element UI创建基本按钮的例子：

<template>
  <div>
    <el-button type="primary">点击我</el-button>
  </div>
</template>
 
<script>
  export default {
    name: 'MyButton'
  }
</script>

在实际使用中，你需要先安装Element UI：

npm install element-ui --save

然后在你的Vue项目中引入Element UI：

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

以上代码展示了如何在Vue项目中引入Element UI并创建一个基本的按钮组件。