Vue-引入querystring模块获取url参数querystring.parse(str,separator,eq,options)querystring.stringify(obj,separator,eq,options)querystring.escape(str)querystring.unescape(str)结合location.search获取url参数 querystrin
文章目录vue路由基本使用路由query传参路由params传参 (常用⭐)解决404路由⭐children路由嵌套命名路由命名视图 一个实例导入显示多个路由别名编程式导航路由模式导航守卫 、 导航钩子函数路由元信息 vue路由基本使用1.在new路由对象的时候，可以为构造函数，传递一个配置对象。
//创建一个路由对象，当导入 vue-router 包之后，在window 全局对象中，就有了一个
转载
2024-09-17 21:46:09
76阅读
纯新手, 很多网上教程看不懂,而且报错, 自己采出来可用的方式1. 安装 加密包(在windows下切换到你vue项目目录,全选地址栏,在地址栏输入:cmd.弹出黑窗口后, 输入命令: npm install crypto-js --save-dev): 问: npm install 中为啥要有 --save-dev, 也没完全看懂啥意思. 就说能想一个d开头的文件目录你加入什么东西..
文章目录第一章：Vue安装及使用第二章：数据代理第三章:事件的处理第四章：计算属性与监视第八章：计算属性第九章：监听属性第十章：绑定样式第十一章：条件渲染第十二章：列表渲染第十三章：收集表单数据第十四章：过滤第十五章:Vue内置指令 第一章：Vue安装及使用1.Vue是一套构建用户界面的渐进式JavaScript框架
特点：1.采用组件化模式，提高代码复用率，且让代码更好维护
2.声明式编码
# Vue Axios 请求的深度解析
随着单页面应用（SPA）在现代前端开发中的广泛应用，数据请求在应用中的重要性愈发突出。Vue.js 是一个非常流行的前端框架，并且与 Axios 配合使用能够帮助我们高效地处理 HTTP 请求。在本文中，我们将深入探讨如何在 Vue 中使用 Axios，包含代码示例，并提供相关的图示和表格。
## 什么是 Axios？
Axios 是一个基于 Prom
原创
2024-08-28 04:49:08
91阅读
1.1 vue.js安装与基本使用 官网：https://cn.vuejs.org/ 1、使用之前，我们先来掌握3个东西是用来干什么的 1. npm: Nodejs下的包管理器。 2. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 3. vue-cli: 用户生成Vue工程
vuex中的this.$store.commit...Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。Vue 的状态管理工具&nb
转载
2024-05-08 21:37:58
297阅读
前言我们在使用VsCode启动Vue项目的时候，我发现：默认的端口号好像和tomcat一样，默认都是8080，如果8080被占用了，就会使用8081,8082这样的方式以此类推。那么，我们是否可以像后端一样，通过修改port属性的方式达到修改运行端口的方式呢？答案肯定是可以的，下面的就分享下是如何做到的：修改配置文件找到vue项目的配置文件：vue.config.js这个东西吧，站在我后端角度理解
转载
2024-04-24 16:05:45
133阅读
### 如何解决 "Vue Could Not Proxy Request" 问题
#### 问题背景
在使用Vue.js开发项目的过程中，我们经常会遇到前端请求后端接口的情况。然而，有时在开发过程中会遇到一个常见的问题，就是 "Vue Could Not Proxy Request"，即前端无法代理请求到后端。这个问题通常是由于配置不正确或者跨域问题引起的。
#### 解决步骤
要解决 "V
原创
2024-05-21 10:07:55
1147阅读
Vue.js 计算属性计算属性：当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。mvvm和mvc区别？主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM，操作使页面渲染性能降低，加载速度变慢，影响用户体验。 该图片引用
在前端开发过程中，经常会遇到 在页面跳转的时候 ，需要把一个或多个参数传到 目标页面，那么如何实现带一个参数或多参跳转呢？ vue-router中传递参数主要分两大类：编程式的导航 router.push声明式的导航 <router-link>本文主要演示一下编程式导航 router.push&n
# VUE + TypeScript 封装 Request
在 Vue 项目中，与后端进行数据交互是我们常见的需求。而使用 TypeScript 来封装这些请求，不仅能够提高代码的可读性，也能增强类型检查，让开发过程更高效。本文将介绍如何使用 Vue 和 TypeScript 封装一个简单的 `request` 模块，并通过示例代码来进行说明。
## 1. 项目结构
首先，确保你的 Vue
原创
2024-10-09 05:43:38
113阅读
token一种身份的验证，在大多数网站中，登录的时候都会携带token，去访问其他页面，token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面当用户登录的时候，向后端发起请求的时候，后端会返回给我一个token，前端可以进行校验，进行处理token当前端拿到后端返回的token，可以通过localStorage存储到本地，然后通过jwt-decode
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已，现在的前端越来越复杂，知识点越来越丰富。要做WEB前端，就需要知道前端到底是什么，需要学习那些知识；前端至少要懂的三个部分：HTML，CSS，JavaScript（简称JS），那首先先明确这三个概念：HTML负责结构，网页想要表达的内容由html书写。CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。w
关于requirejs
之前关于模块化开发用的一直是webpack，因为是在线预编译的，所以支持CMD和AMD写法，也支持ES6语法。但是现在换了新公司，用的requirejs，之前没用过，现在记录一些关于requirejs的使用。从基础的说起，关于模块化概念的引入，由于传统的标签加载会导致两个问题：1.过多的js文件加载导致游览器渲染阻塞，大部分的时间都被拿去处理加载文件的
computed函数，是用来定义计算属性的，计算属性不能修改1.基本使用–只读<template>
<div>
<div>计算属性</div>
<hr>
<div>今年：{{age}}岁了</div>
<div>明年：{{nextAge}}岁了</div>
目的：实现当组件/DOM元素进入浏览器可视区域再发送Ajax请求加载数据。 我们可以使用 @vueuse/core 中的 useIntersectionObserver 来实现监听进入可视区域行为，但是必须配合vue3.0的组合API的方式才能实现。1.安装@vueuse/corenpm i @vueuse/core@5.3.0
// 安装依赖包的时候要注意版本，有时最新版本会与项目之间有冲突2.
转载
2024-10-22 01:25:59
133阅读
数据请求### 数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )
使用格式：使用别人封装好的第三方库 目前最流行的，使用率最高的是 axiosvue中我们最常使用的vue 1.x 的版本提供了一个封
转载
2024-06-18 14:13:41
364阅读
之前我发布了一篇是有关于uniapp的接口简单封装，这次我发布的是vue的接口简单封装，这次有涉及到几个依赖，需要提前安装好，一个是axios依赖，一个是qs依赖，以下是安装方法：npm install axios -S
npm install qs安装完之后，就可以直接再也没中引入了，这次涉及到三个文件，一个是对axios的封装文件，即axios.js，一个是对接口的封装文件，即index.js
转载
2024-04-18 13:32:44
224阅读
问题描述大家用vue脚手架搭建前端工程时，常被缓存问题所困扰，具体的表现就是，当程序版本升级时，用户因为缓存访问的还是老的页面，然后很多同学很暴力的直接在index.html中加入了这几行代码： <meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<
转载
2024-04-29 09:41:01
274阅读
