Vue中引入ElementUI

Vue中引入ElementUI

目录

安装

官方文档

bash 复制代码
npm i element-ui -S

全库导入

main.py

js 复制代码
import ElementUI from 'element-ui';

Vue.use(ElementUI)

使用

js 复制代码
<template>
<div class="main">
  <el-button type="primary">主要按钮</el-button>
</div>
</template>

仅引入样式文件

main.py

js 复制代码
import 'element-ui/lib/theme-chalk/index.css'

使用

js 复制代码
<template>
<div class="main">
  <button class="el-button">默认按钮</button>
  <span class="el-icon-platform-eleme"></span>
</div>
</template>
相关推荐
小旋风012345 分钟前
封装可拖动弹窗(vue jquery引入到html的版本)
vue.js·html·jquery
热爱编程的小曾28 分钟前
sqli-labs靶场 less 8
前端·数据库·less
gongzemin39 分钟前
React 和 Vue3 在事件传递的区别
前端·vue.js·react.js
Apifox1 小时前
如何在 Apifox 中通过 Runner 运行包含云端数据库连接配置的测试场景
前端·后端·ci/cd
麦麦大数据1 小时前
neo4j+django+deepseek知识图谱学习系统对接前后端分离前端vue
vue.js·django·知识图谱·neo4j·deepseek·在线学习系统
树上有只程序猿1 小时前
后端思维之高并发处理方案
前端
庸俗今天不摸鱼2 小时前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
黄毛火烧雪下2 小时前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
Apifox2 小时前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞2 小时前
Firefox默认在新标签页打开收藏栏链接
前端·firefox