vue初学--5安装element-ui和axios

最新推荐文章于 2024-02-20 14:32:08 发布
原创 最新推荐文章于 2024-02-20 14:32:08 发布 · 1.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文指导如何在Vue项目中安装并使用Element-Plus UI库，包括全局引入、组件调用，以及与axios的整合，适合前端开发者快速上手。

1.打开window powershell，切换到项目根目录下，
在这里插入图片描述2.
2.安装element-ui（element-plus）
在这里插入图片描述
注意直接使用npm install element-ui --save有可能报错
在这里插入图片描述
3.在src目录下的main.js文件中，引入element-ui（element-plus）的依赖，并进行全局的引用
在这里插入图片描述
4.在about页面（AboutView.vue）调用element中的按钮
在这里插入图片描述
调用成功，引入element-ui（element-plus）成功
在这里插入图片描述
5.安装axios，vue-axios
进行前后端对接
在这里插入图片描述
6.全局引用axios（结合 vue-axios使用）
之后就可以使用了，在组件文件中的methods里去使用了
在这里插入图片描述

标签
#vue
Yannis111
关注
新星计划打卡学习：VUE3引入element-plus
weixin_51930617的博客
07-23 1133
vue3使用element-plus详细记录
VUE+elementplus学习-安装/配置依赖
yupanyang的博客
05-16 859
添加一个文件夹 views （文件夹名字随意，个人比较喜欢这个，里面放的是以后写的页面）然后配置router目录下的index.ts，注意是roter目录下的。添加一个router，然后在里面创建个index.ts文件。个人比较暴躁， 第一步：全选 第二步：删除。接着在main.ts里面导入路由器。终端运行 npm run dev。保存，完活，暂时先这样。
VUE系列二：安装elementUI、Axios
u014783334的博客
05-09 310
废话不多说，接上篇操作后，继续操作 1、打开项目仪表盘-插件，添加插件，如下图 2、输入插件名称vue-cli-plugin-element，查询，安装，如下图 3、安装配置，一个是全导入，一个是按需导入，我这里选择按需导入，如下图 ...
入门指南：Element UI 组件的安装及使用
算命de博客
02-20 1852
随着前端开发技术的不断发展，越来越多的开发者选择使用现成的 UI 组件库来加速项目开发并提升用户体验。其中，Element UI 作为一款基于 Vue.js 的组件库，备受开发者们的青睐。本篇博客将为大家介绍如何安装并使用 Element UI 组件，帮助新手快速上手。
VUE3安装element ui 失败的原因及解决方法
liu2004051957的博客
03-26 5111
在VUE3环境下安装element ui 失败的原因及解决方法:element-ui不适配vue3，官方已将vue3版本的更新为element-plus.
vue项目相关配置
Vision_Pinna的博客
10-24 282
vue项目相关配置 一、favicon.ico图标 先看效果图 配置的正是上图海蓝色所圈中的部分。具体怎么配置请继续往下看： favicon.ico文件路径: 1、、打包后的（生产环境） 可依照上图查找路径进行配置：build → webpack.prod.conf.js → plugins: [ ....... new HtmlWebpackPlugin({ filen...
基于Vue和Element UI实现前后端分离和交互
weixin_74268571的博客
09-25 4863
Element UI简介，如何运用Vue+Element UI搭建前端登陆注册，并通过ssm框架处理后端数据请求，以及axios全局配置和CORS跨域
【Vue+element-ui搭建前端页面】适用于初学者学习
热门推荐
一学就会小小王的博客
11-03 1万+
到这儿我们就学习到怎么用Vue和Element搭建前端界面，并且了解了一些前端向后端发送接收请求需要的技术，希望大家看到这会有所收获！t=M85B组件 | Elementhttps://element.eleme.cn/#/zh-CN/component/quickstart。
Vue3 + Element-UI开发示例
山月神话
05-10 3004
Vue3 + Element-UI开发示例 1、说明：如果安装使用过vue脚手架，或使用过vue2，请先卸载！卸载语句如下： 输入 npm uninstall vue-cli -g 回车 ​ 运行完毕后，就是一个干净的脚手架工具了！ 2、安装脚手架：npm install -g @vue/cli 回车运行即可。 3、查看脚手架版本 vue --version 4、创建项目： A、进入你需要放项目的文件夹。D:\webworkspace ​B：初始化项目文件夹，如我的项目名是 myvue3 ，输入 vue
java中级学习篇——VUE脚手架+VUE里安装element ui
zhang19971014的博客
03-30 2075
>>>>>下载NOde.js>>>>>>>安装，直接全下一步>>>>>>>>命令提示符（控制台）执行以下命令（npm -v） 查看版本号 配置npm>>>>>>npm config set registry http://registry.npm.taobao.org >>>>查看是否设置成功 npm config
vite+vue3(vuex、vuerouter、axios)+elementplus项目保姆教程
shinjie1210的博客
12-24 6132
简单来说就是记录一下怎么从0开始搭建一个vue3+vite+elementplus的项目, 本文详细记录了每一步的代码\控制台和文件操作, 可以说是保姆级教程了,喜欢可以收藏一下, 有问题大家一起在评论区探讨
2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）项目初始化篇
超逸の学习技术博客
01-15 2152
文章目录1、引言2、项目初始化2.1前端项目初始化步骤3、项目管理3.1 创建3.2 创建新项目3.3 预设3.4 功能面板3.5 配置面板3.6 保存新预设 1、引言 寒假是用来反超的！一起来学习Vue把，这篇博客是关于项目初始化，请多指教~ 2、项目初始化 2.1前端项目初始化步骤 ① 安装 Vue 脚手架 ② 通过 Vue 脚手架创建项目 ③ 配置 Vue 路由 ④ 配置 Elem...
Vue-cil项目的搭建：Vue+Typescript+Element-ui
weixin_44439675的博客
12-02 798
一、安装命令： 1.vue create edls 2.执行此网页命令，搭建脚手架：https://segmentfault.com/a/1190000014627083?utm_source=tag-newest 3.安装Element-ui: npm install element-ui -S 4.在main.js文件中 引入 element 组件 ： import ElementUI f...
Vue3初学者详细教程之zip安装Node.js版本v16.6.0、vue/cli版本4.5.13、element-ui版本2.15.6、axios版本0.25.0
Meta39的博客
03-21 2852
Vue3初学者详细教程之zip安装Node.js版本v16.6.0、vue/cli版本4.5.13、element-ui版本2.15.6、axios版本0.25.0
vue+element-ui前端项目完整搭建及编译打包
Dahlin哥's 博客
08-03 3401
因为是码农的缘故，很少自己亲自搭建一个完整的项目，一般干活儿都是在已经搭建完的基础上完成对应的模块功能，所以想重新学习一下完整的搭建过程，实例项目也是来自 MarkerHub上的一个开源的博客前端项目，在原有项目基础上，增加了针对编译打包的部分修改，该项目的后端服务接口内容可以参考上一篇的《springboot+mybaits-plus+shiro微服务接口搭建改造(JAVA11版本)》.....
前后端分离框架Vue+Element UI（上集）
Yyyy的博客
02-26 8530
前后端分离框架Vue+Element UI（上集）
基于springboot+vue+element UI+mybatis-plus的简单分页
chajintao
04-19 1841
springboot + vue + element-ui + mybatis-plus 实现分页
复习汇总vue知识点
weixin_61465262的博客
05-30 2458
一.历史介绍: 官网:https://cn.vuejs.org/ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 兼容性：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMA...
【vue3项目初始化配置】vue3 + element plus
weixin_55939638的博客
01-18 2002
项目初始化是开发过程中很重要的一个环节，本篇博客带大家从零开始创建并初始化一个vue3项目，文章详细介绍了每个步骤，希望能帮助刚接触开发的小伙伴。
Hbuildx+vue+axios+element ui初学部署
huyaguang的专栏
08-25 196
一、安装node1、下载地址为：https://nodejs.org/en/2、一路点击Next，检查是否安装成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入： npm install -g cnpm –registry=https://registry.npm.taobao.org 　 ，即可安装npm镜像，以后再用到npm的地方直...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值