在Vue2项目中引入ElementUI详细步骤

1.使用npm安装ElementUI,安装好后在package.json文件查找element-ui是否安装好

npm i element-ui -S

2.在main.js中引入element-ui

TypeScript 复制代码
import Vue from "vue";
import App from "./App.vue";

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

Vue.config.productionTip = false;

Vue.use(ElementUI)
new Vue({
  render: (h) => h(App),
}).$mount("#app");

element-ui官网组件地址:https://element.eleme.cn/#/zh-CN/component/installation

相关推荐
择势4 分钟前
macOS App 签名与公证流程详解及一键自动化
前端
云和数据.ChenGuang8 分钟前
AI向量数据库chromadb的swagger-ui的运行使用教程
大数据·数据库·人工智能·ui·向量数据库·向量计算
英俊潇洒美少年16 分钟前
Vue3 中 watch的 flush 选项(默认无/`post`/`sync`)的区别
前端·javascript·vue.js
闲云一鹤19 分钟前
Python 入门(三)- PyAutoGUI 自动化教程
前端·python·黑客
凤山老林25 分钟前
Js如何实现一个抽奖程序
前端·javascript·vue.js
我命由我1234526 分钟前
React - Switch、路由精准匹配与模糊匹配、Redirect
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
陆枫Larry33 分钟前
用 Git 别名(Alias)简化日常操作
前端
阿泽·黑核36 分钟前
Easy Vibe Coding 学习心得(三):前端之美——从设计稿到精美界面
前端·vibe coding·easy vibe
Swift社区44 分钟前
ArkUI 的页面生命周期详解
ui·arkui
无心水1 小时前
【时间利器】4、JavaScript时间处理全解:Date/moment/dayjs/Temporal
开发语言·前端·javascript·状态模式·openclaw·date/moment·dayjs/temporal