vue中使用elementui不显示

### 回答1：
可能是因为没有正确引入 Element UI 组件库的样式文件或者没有正确配置使用 Element UI 组件。建议检查代码是否正确引入 Element UI 组件库的样式文件以及正确配置使用 Element UI 组件。

### 回答2：
如果在使用 Vue 中使用 ElementUI 时出现了不显示的情况，可能有以下几种可能的原因：

1. 未正确引入 ElementUI 组件库

在使用 ElementUI 前需要先安装并引入它们的样式和 JS 文件。可以在 Vue 的 main.js 中全局引入 ElementUI，例如：

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

Vue.use(ElementUI);

该代码导入 ElementUI 的主题样式和 JS 文件，并在 Vue 实例中使用 ElementUI 插件。

2. 某些组件没有正确注册

在使用 ElementUI 时，必须先在 Vue 组件中注册相应的组件，否则无法使用它们。可以在 Vue 组件的 script 中，通过 import 导入所需的组件，并通过 components 属性将其注册到组件中。

例如，在使用 el-button 时需先将其注册：

<template>
  <div>
    <el-button>Button</el-button>
  </div>
</template>

<script>
import { ElButton } from 'element-ui';

export default {
  components: {
    ElButton,
  },
};
</script>

3. 样式冲突

如果在 Vue 应用程序中已经使用了其他的 css 规则，并且这些规则与 ElementUI 中的规则有冲突，那么可能会导致 ElementUI 组件样式不正确。在这种情况下，可以使用 scoped 属性来限定每个组件的样式作用域，或者使用深度作用选择器（即 /deep/ 或 ::v-deep）。

例如，使用 scoped 属性：

<template>
  <div>
    <el-button class="my-button">Button</el-button>
  </div>
</template>

<style scoped>
.my-button {
  color: red;
}
</style>

或者，使用 /deep/ 选择器：

<template>
  <div>
    <el-button class="my-button">Button</el-button>
  </div>
</template>

<style>
/deep/ .my-button {
  color: red;
}
</style>

总之，如果在 Vue 中使用 ElementUI 时出现不显示的问题，可以逐一排除以上可能的原因。同时，也可以查看控制台中的错误信息和警告来进一步定位问题所在。

### 回答3：
在Vue使用ElementUI不显示可能有以下几种原因：

1. ElementUI组件并未正确引入

在Vue项目中使用ElementUI，需要先安装ElementUI并在main.js中引入并注册ElementUI组件。如果ElementUI组件并未正确引入，那么就不会正确显示。可以通过检查main.js文件中是否有正确引入ElementUI组件来解决这个问题。

2. 缺失ElementUI样式表

ElementUI组件需要依赖样式表才能正常显示，如果缺少了ElementUI样式表，那么就会导致组件显示异常。可以通过检查index.html文件中是否正确引用ElementUI样式表来解决这个问题。

3. ElementUI版本与Vue版本不兼容

如果Vue项目使用的ElementUI版本与Vue版本不兼容，就会导致ElementUI组件无法正常显示。可以通过检查Vue和ElementUI的版本是否一致来解决这个问题。

4. ElementUI组件使用错误及属性错误

ElementUI组件的使用方式及属性设置需要按照官方文档中的说明来进行。如果使用错误或者属性设置错误，就会导致ElementUI组件无法正常显示。可以通过检查组件使用方式及属性设置是否正确来解决这个问题。

如果以上方法都无法解决问题，可以在开发者工具中查看控制台输出的错误信息，根据错误信息来找到问题所在。最好的办法是参照官方文档或者在社区中寻求帮助。