vue 添加element-ui
时间: 2023-10-21 13:06:59 浏览: 114
vue+element-ui使用
要在 Vue 中添加 Element UI,需要先安装 Element UI 的依赖包,然后在 main.js 中引入 Element UI 的样式和组件库。具体步骤如下:
1. 安装 Element UI:在终端中运行以下命令安装 Element UI。
```
npm i element-ui -S
```
2. 引入 Element UI:在 main.js 中引入 Element UI 的样式和组件库。
```javascript
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
```
3. 使用 Element UI 组件:在 Vue 组件中使用 Element UI 的组件。
```vue
<template>
<div>
<el-button>按钮</el-button>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
```
阅读全文