在uniapp中怎么使用element-ui

要在uniapp中使用element-ui，需要先安装element-ui组件库和对应的插件。

1. 在命令行中运行以下命令安装element-ui和uni-app插件：

npm install element-ui -S
npm install @dcloudio/vue-cli-plugin-uni-preset-vue -D

2. 在`main.js`文件中导入element-ui和插件：

import Vue from 'vue'
import App from './App'
import ElementUI from 'element-ui'
import '@dcloudio/uni-ui/lib/theme-chalk/index.css'
import '@dcloudio/uni-ui/lib/theme-chalk/icon.css'
import VueRouter from 'vue-router'
import router from '@/router'
import store from '@/store'

Vue.use(ElementUI)
Vue.use(VueRouter)

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
    store,
    router,
    ...App
})
app.$mount()

3. 在需要使用element-ui组件的页面中导入所需组件：

<template>
  <div>
    <el-button @click="openDialog">打开Dialog</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <span>这是一段信息</span>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    openDialog() {
      this.dialogVisible = true
    }
  }
}
</script>

这里展示了一个简单的使用element-ui的例子，具体使用方法可以参考element-ui官方文档。