Vue.js 计算属性计算属性：当其依赖属性的值发生变化时，这个属性的值会自动更新，与之相关的DOM部分也会同步自动更新。计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。mvvm和mvc区别？主要就是mvc中Controller演变成mvvm中的viewModel。mvvm主要解决了mvc中大量的DOM，操作使页面渲染性能降低，加载速度变慢，影响用户体验。 该图片引用
Vue 前端面试题 1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、 getter，在数据变动时发布消息给订阅者，触发相应监听回调。2. 解释单向数据流和双向数据绑定单向数据流： 顾名思义，数据流是单向的。数据流动方向可以跟踪，
转载
2024-05-02 20:50:54
9阅读
文章目录第一章：Vue安装及使用第二章：数据代理第三章:事件的处理第四章：计算属性与监视第八章：计算属性第九章：监听属性第十章：绑定样式第十一章：条件渲染第十二章：列表渲染第十三章：收集表单数据第十四章：过滤第十五章:Vue内置指令 第一章：Vue安装及使用1.Vue是一套构建用户界面的渐进式JavaScript框架
特点：1.采用组件化模式，提高代码复用率，且让代码更好维护
2.声明式编码
纯新手, 很多网上教程看不懂,而且报错, 自己采出来可用的方式1. 安装 加密包(在windows下切换到你vue项目目录,全选地址栏,在地址栏输入:cmd.弹出黑窗口后, 输入命令: npm install crypto-js --save-dev): 问: npm install 中为啥要有 --save-dev, 也没完全看懂啥意思. 就说能想一个d开头的文件目录你加入什么东西..
# 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工程
1xx（临时响应）
表示临时响应并需要请求者继续执行操作的状态代码。
代码 说明
100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。
101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。
2xx （成功）
表示成功处理了请求的状态代码。
代码 说明
200 （成功） 服务器已成功处理了请
HTTP的异常处理问题。当urlopen不能够处理一个response时，产生urlError。不过通常的Python APIs异常如ValueError,TypeError等也会同时产生。HTTPError是urlError的子类，通常在特定HTTP URLs中产生。1.URLError通常，URLError在没有网络连接(没有路由到特定服务器)，或者服务器不存在的情况下产生。这种情况下，异常同
前言我们在使用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 + TypeScript 封装 Request
在 Vue 项目中，与后端进行数据交互是我们常见的需求。而使用 TypeScript 来封装这些请求，不仅能够提高代码的可读性，也能增强类型检查，让开发过程更高效。本文将介绍如何使用 Vue 和 TypeScript 封装一个简单的 `request` 模块，并通过示例代码来进行说明。
## 1. 项目结构
首先，确保你的 Vue
原创
2024-10-09 05:43:38
113阅读
在前端开发过程中，经常会遇到 在页面跳转的时候 ，需要把一个或多个参数传到 目标页面，那么如何实现带一个参数或多参跳转呢？ vue-router中传递参数主要分两大类：编程式的导航 router.push声明式的导航 <router-link>本文主要演示一下编程式导航 router.push&n
token一种身份的验证，在大多数网站中，登录的时候都会携带token，去访问其他页面，token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面当用户登录的时候，向后端发起请求的时候，后端会返回给我一个token，前端可以进行校验，进行处理token当前端拿到后端返回的token，可以通过localStorage存储到本地，然后通过jwt-decode
目的：实现当组件/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阅读
如今的前端已经不再像以前一样就是简单的写写页面和调调样式而已，现在的前端越来越复杂，知识点越来越丰富。要做WEB前端，就需要知道前端到底是什么，需要学习那些知识；前端至少要懂的三个部分：HTML，CSS，JavaScript（简称JS），那首先先明确这三个概念：HTML负责结构，网页想要表达的内容由html书写。CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。w
computed函数，是用来定义计算属性的，计算属性不能修改1.基本使用–只读<template>
<div>
<div>计算属性</div>
<hr>
<div>今年：{{age}}岁了</div>
<div>明年：{{nextAge}}岁了</div>
关于requirejs
之前关于模块化开发用的一直是webpack，因为是在线预编译的，所以支持CMD和AMD写法，也支持ES6语法。但是现在换了新公司，用的requirejs，之前没用过，现在记录一些关于requirejs的使用。从基础的说起，关于模块化概念的引入，由于传统的标签加载会导致两个问题：1.过多的js文件加载导致游览器渲染阻塞，大部分的时间都被拿去处理加载文件的
下面看一个具体例子：<!--HTML部分-->
<div id="app">
<h1>{{message}}</h1>
<p class="test1">{{methodTest}}</p>
<p class="test2-1">{{methodTest()}}</p>
之前我发布了一篇是有关于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阅读
