Vue中引入ElementUI

Vue中引入ElementUI

目录

• Vue中引入ElementUI
• • • 安装
  • 全库导入
  • • main.py
    • 使用
  • 仅引入样式文件
  • • main.py
    • 使用

安装

官方文档

npm i element-ui -S

全库导入

main.py

import ElementUI from 'element-ui';

Vue.use(ElementUI)

使用

<template>
<div class="main">
  <el-button type="primary">主要按钮</el-button>
</div>
</template>

仅引入样式文件

main.py

import 'element-ui/lib/theme-chalk/index.css'

使用

<template>
<div class="main">
  <button class="el-button">默认按钮</button>
  <span class="el-icon-platform-eleme"></span>
</div>
</template>