
前端vue基础教学
文章平均质量分 75
一起学习vue啊
桑稚远方~
转行了,不干程序员了哈哈哈
展开
-
VUE中封装Axios
接着,我们使用拦截器来处理请求和响应,以便在发送请求之前或收到响应后对其进行必要的处理。在响应拦截器中,我们首先检查响应状态码是否为200,并且响应数据中的"code"属性是否为0。在请求拦截器中,我们首先从本地存储中获取用户令牌,并将其添加到请求头中(如果存在)。然后,我们设置了"Accept"请求头为"application/json",以表明我们希望接收JSON格式的数据。在上述代码中,我们首先导入了我们刚刚创建的API模块,然后使用该模块的get方法发送请求。否则,我们会在控制台上输出错误。原创 2023-05-04 20:47:17 · 246 阅读 · 0 评论 -
Vue中使用icon的几种方法
自定义 icon 组件:如果你想要更好的控制 icon 的样式和行为,可以自定义一个 icon 组件。比如可以使用 SVG 或字体文件等方式来实现。安装 Font Awesome在 main.js 中引入图标库在组件中使用<template><div></div>原创 2023-04-25 16:46:57 · 5109 阅读 · 4 评论 -
Vue中的编程试导航——使用方法、使用场景介绍
Vue.js 提供了编程式导航的功能,可以通过 JavaScript 的方式实现页面跳转。原创 2023-04-16 08:42:59 · 562 阅读 · 2 评论 -
Vue中router和axios使用教程
router是前端路由的一种实现方式,它可以根据不同的URL地址展示不同的页面内容,实现单页应用(SPA)的效果。在Vue框架中,我们可以使用Vue Router来进行路由管理。path: '/',//斜杠表示再路由时找不到路径时,都会访问到home组件},其中,path属性表示路由路径,name属性表示路由名称,component属性表示路由对应的组件。path: '/user/:id',//id表示动态参数,前面用:其中,:id表示动态参数。原创 2023-04-14 19:13:52 · 1459 阅读 · 1 评论 -
idea的vue文件中使用ElementUi组件
作为计算机专业的学生,在做实训项目时很惆怅前端页面的搭建,这个时候就突出到了组件的好处; 这篇就是给大家展示使用ElementUi组件!!! 内容上分为vue3和之前的版本,自行选择!!! 条条大道通罗马,加油!!!目录一、使用ElementUi组件的前提二、idea中使用ElementUi1.建vue.js项目2. 项目布局样式3.引入elementui4.使用ElementUi总结1.首先你要安装idea或者vs这类的编译软件,这里以idea为介绍 下载安装ide原创 2022-11-21 18:50:28 · 12379 阅读 · 8 评论 -
idea中使用vue.js的前期准备 保姆级教学
1. 输入 npm install webpack webpack-cli -g --save-dev 安装webpack。1. win+r输入cmd 打开命令提示窗口输入: npm install --global cnpm。打开idea,File->Setting->Plugins,查找vue,点击安装,安装后重启idea。2.安装成功之后 输入webpack -v 出现下面截图就代表安装成功。4.安装完成后 ,win+r cmd打开命令提示符 ,输入node -v。原创 2022-11-19 23:21:48 · 6760 阅读 · 9 评论