在Vue cli3 中使用Element-UI

news/2024/7/10 2:13:54 标签: vue, elementui

1.创建cli3项目并cd到该目录

$ vue create demo
$ cd demo

2.在项目中添加ElementUI

第一种方式
$ npm i element-ui -S

下载完成后,在main.js中配置:

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

Vue.use(ElementUI)
第二种方式
$ npm add element

出现选项回车即可。

3.打开官网copy一个实例代码,测试是否成功导入

这里是官网
在这里插入图片描述

找到这个实例代码,粘贴到App.vue这个文件中,如果成功导入,那么则会如官网效果图一样显示。
接下来就在文档中学习吧。


http://www.niftyadmin.cn/n/1257975.html

相关文章

我的微信公众号项目

微信公众号加上 web 端。 微信功能:处理各种微信推送事件的逻辑:比如关注、取消关注、通过推荐人关注、解析文本、分享到朋友圈、微信支付等 其他主要功能:多账号系统、流量充值、积分系统、卡券系统、大转盘、拼图游戏。 熟悉了微信公众号的…

Vue+Springboot+MySQL 实现分页

自己想的一个分页的逻辑&#xff0c;分享给大家。 Vue部分 <template><div><el-table:data"tableData"stripestyle"width: 100%"><el-table-columnprop"userName"label"用户名"width"180"></…

aixos post请求 参数传递失败

最近使用Vue和Springboot做一个项目&#xff0c;需要添加一个User&#xff0c;从前端表单发起axios的post请求&#xff0c;然后发现了这个很折磨的错误。 问题 Vue部分 Springboot部分 发送的数据是&#xff1a; 结果&#xff0c;debug显示&#xff1a; 也就是说所有的参数…

最优编辑

题目&#xff1a;对于两个字符串A和B&#xff0c;我们需要进行插入、删除和修改操作将A串变为B串&#xff0c;定义c0&#xff0c;c1&#xff0c;c2分别为三种操作的代价&#xff0c;请设计一个高效算法&#xff0c;求出将A串变为B串所需要的最少代价。给定两个字符串A和B&#…

Springboot+Vue demo

分享一个后端由 SpringBoot&#xff0c;前端VueElementUI&#xff0c;数据库MySQL&#xff0c;实现的一个简单CRUD的demo&#xff0c;可能用到的同学可以加以修改来使用。 首页 添加用户 修改用户 删除用户 注意 注意你的数据库版本&#xff0c;java版本是否和此demo一致&…

轻松理解 async 与 await

async 与 await 是ES8 中提出的语法&#xff0c;主要是为了解决异步任务的回调。 这里总结了几种处理异步任务回调的方法&#xff0c;从中观察async是如何诞生的。 这里利用node环境下的文件读写举例。 普通回调 fs.readFile(./app.js, (err, data) > {console.log(data.…

【Redis】5、Redis事务处理

MULTI 、EXEC 、DISCARD 和WATCH 是 Redis 事务的基础1.MULTI 命令用于开启一个事务&#xff0c;它总是返回 OK 。MULTI 执行之后&#xff0c;客户端可以继续向服务器发送任意多条命令&#xff0c;这些命令不会立即被执行&#xff0c;而是被放到一个队列中 2.EXEC 命令被调用时…

Nodejs+Vue wzry项目 开发记录

收获 <el-menu > 这里不加router &#xff0c;index无法跳转${}这种字符串很香&#xff0c;不再用拼接了&#xff08;好无语明明学过&#xff0c;却忘记用…&#xff09;修改页面和新增页面可以用一个组件&#xff0c;一些选择显示的东西用v-if删除的话&#xff0c;就用…