技术栈

vue2中引入elementui

康6202025-03-29 3:02

npm 安装

推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。

复制代码
npm i element-ui -S

引入:

复制代码
import Vue from 'vue';

import ElementUI from 'element-ui';//1
import 'element-ui/lib/theme-chalk/index.css';//2

import App from './App.vue';

Vue.use(ElementUI);//3

new Vue({
  el: '#app',
  render: h => h(App)
});

以上代码便完成了 Element 的引入。需要注意的是,样式文件需要单独引入

上一篇:ElementUI时间选择、日期选择
下一篇:gogs私服搭建
相关推荐
合作小小程序员小小店
1 小时前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步2015
2 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
Boop_wu
2 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan1
3 小时前
TDesign UniApp 组件库来了
前端
用户4794928356915
3 小时前
React DevTools 组件名乱码?揭秘从开发到生产的代码变形记
前端·react.js
顾安r
4 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
倚栏听风雨
4 小时前
typescript 方法前面加* 是什么意思
前端
狮子不白
4 小时前
C#WEB 防重复提交控制
开发语言·前端·程序人生·c#
菜鸟‍
4 小时前
【前端学习】阿里前端面试题
前端·javascript·学习
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件04Linux下V2Ray安装配置指南05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Labelme从安装到标注:零基础完整指南07BongoCat - 跨平台键盘猫动画工具08《大数据技术原理与应用》实验报告三 熟悉HBase常用操作09看了下昨日泄露的苹果 App Store 源码……10全面评测 | Photoshop 2026 新特性深度解析与实测体验