一、安装引用安装:npm install vue-resource --save-dev引用:/*引入Vue框架*/
import Vue from 'vue'
/*引入资源请求插件*/
import VueResource from 'vue-resource'
/*使用VueResource插件*/
Vue.use(VueResource)二、简单语法引入vue-resource后,可以基于
转载
2024-03-07 13:02:45
63阅读
懒加载:又叫延时加载,即在需要的时候进行加载,随用即载使用懒加载的原因:像vue这种(spy)单页面应用,如果没有使用到懒加载,webpack打包的文件过大,造成进入首页时,加载的资源过多,时间过长,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载事件,简单来说就是进入首页不用一次加载过多资源造成时间过长&
转载
2024-09-18 21:27:19
59阅读
目录一、认识Promise1.什么是Promise?2.网络请求的回调地狱二、Promise基本使用1.定时器的异步事件2.定时器的异步事件解析3.Promise三种状态三、Promise链式调用1.Promise链式调用2.链式调用简写四、Promise的all方法 一、认识Promise1.什么是Promise?2.网络请求的回调地狱多层嵌套不易维护,通常称为回调地狱二、Promise基本使
转载
2024-04-06 20:42:50
400阅读
v-for中的key 我们现在在使用v-for的时候,都必须会加上一个必要的key值,并且很多人会使用index来作为key,其实这样是不太妥当的一种做法。那么v-for中的键值key到底有什么作用呢。 首先看一看vue文档里的说法: emmm,好像还是比
vue-resource是一个非常轻量的用于处理HTTP请求的插件,它提供了两种方式来处理HTTP请求:使用Vue.http或this.$http;使用Vue.resource或this.$resource;这两种方式本质上没有什么区别,阅读vue-resource的源码,你可以发现第2种方式是基于第1种方式实现的。inteceptor可以在请求前和请求后附加一些行为,这意味着除了请求处理的过程,
一、什么是组件? 我们将一个完整的页面分成很多个组件。 每个组件都用于实现页面的一个功能块。 而每一个组件又可以进行细分。 二、组件的使用分成三个步骤: 创建组件构造器 注册组件 使用组件。 三、父组件 子组件 父子组件错误用法:以子标签的形式在Vue实例中使用 因为当子组件注册到父组件的compo ...
转载
2021-09-13 21:45:00
346阅读
2评论
场景由于项目创建之前后端设计不合理,导致详情页链接参数id为顺序序数(例:1,2,3…等等),安全系数非常低(虽然我们前端做了菜单权限、按钮权限、Api权限等等),现在要前端解决下浏览器链接/接口参数实现加密??注:前端链接加密与接口参数加密(get请求)类似思路过程一、设计格式项目正常链接为contract/draft/contract-draft-detail?id=26197&typ
转载
2023-12-13 10:12:27
91阅读
安装 cnpm install --save-dev @babel/plugin-proposal-optional-chaining .babelrc { "presets": [ "@vue/app" ], "plugins": ["@babel/plugin-proposal-optional
原创
2022-08-29 16:10:59
104阅读
今天因为搜索功能一直接收到了后台数据但是前端页面没有渲染出来很奇怪,详细调试了好久,试验:后端的数据: @GetMapping("/exam/{examCode}") public ApiResult findById(@PathVariable("examCode") Integer examCode){ System.out.println("根据ID查找"+examCode); ExamManage res = examManageService.findB
原创
2023-02-24 17:17:34
344阅读
我们希望每次新建.vue文件后,VSCODE能够根据配置,自动生成我们想要的内容。打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索
原创
2022-09-05 17:21:06
124阅读
一、 VS Code VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。 安装详情:https://www.cnblogs.com/zhaoqingqing/p/vscode.html 二、Vue Vue (读音 /vju
转载
2020-10-15 20:14:00
207阅读
2评论
作为一个前端菜鸡,我已经不是第一次碰到自适应的问题了,ui给1440的图,难道就只适配1440?起码是pc端都要适应,根据盒子的宽高比自适应,我们又不能重新根据窗口大小重新写样式,太太太浪费时间了 这时候我想到了rem,所谓rem是根据html的字体大小计算的,一般浏览器默认html{font-size:16px};也就是说 1rem=16px,那么如果一个盒子在设计图中的尺寸是200px200p
一:下载vscode地址为:https://code.visualstudio.com/然后根据自己的电脑下载对应的版本 二:语言的修改打开VSCode 快键键Ctrl+Shift+P 搜索 Configure Display Language,选择安装其他语言,安装完成选择zh-cn,重启就变成中文了。 三:vue插件的安
转载
2023-07-05 14:15:56
317阅读
In this lesson I show how to use webpack to code split based on route in VueJS. Code splitting is a useful tool to help eliminate unused code and only
转载
2018-05-26 23:09:00
119阅读
2评论
1: chrome-> 右键-> 属性,加上 --remote-debugging-port=9222 2: VS code 安装”Debugger for Chrome“ 3: 左侧 调试, Attach to chrome, 在launch,json中输入如下配置: 注意标注红色的是你项目的实际
转载
2020-12-26 20:52:00
636阅读
2评论
# Vue Axios拦截HTTP Code的应用
在现代Web开发中,Axios是一个非常流行的HTTP请求库,特别是在与Vue结合使用时。Axios拦截器允许我们在请求或响应被处理之前进行一些操作,比如检查HTTP状态码,从而实现一些全局的错误处理、重定向等功能。本文将介绍如何使用Vue Axios拦截HTTP状态码,并给出相应的代码示例。
## 1. 什么是HTTP状态码?
HTTP状
原创
2024-08-15 09:11:53
54阅读
由于公司近期有新的H5项目开发,而前端的同事也离职了,所以就临时顶缸,研究学习一下Vue框架开发。 本人也是初学,在学习过程中,把一些学习所得分享出来,可能会有很多问题和疏漏,希望大家能够多多指正,共同进步。一、环境准备: 1. Node.js:在nodejs官网下载最新的安装包,选择安装目录,傻瓜式安装。安装完成后,打开dos命令,输入node -v命令,会显示安装的nodejs版本,表
# Vue Axios 获取返回 code
在使用 Vue.js 进行开发的过程中,经常会遇到需要与后端进行数据交互的情况。而通过 Axios 这个优秀的 HTTP 客户端库,我们可以很方便地发送请求和接收返回数据。本文将介绍如何在 Vue 中使用 Axios,并且获取返回的状态码。
## Axios 简介
Axios 是一个基于 Promise 的 HTTP 客户端库,可以用于浏览器和 N
原创
2024-01-22 07:12:32
238阅读
摆图其他模板创建,依照此法即可。
原创
2017-05-18 10:34:57
2115阅读
一、问题描述在开发Vue项目时,出现警告:‘res’ is defined but never used二、解决方案:在对应需要忽略校验的行上面加上下面这句注释://eslint-disable-line no-unused-varsps:当然也可以通过修改全局配置文件的校验规则,但那个风险大,先不改那个了。...
原创
2023-02-13 11:42:00
254阅读