转载​​https://www.bilibili.com/video/BV1Yz411z761?from=search&seid=9680378098014423620​​
原创 2022-06-27 11:47:44
134阅读
# 如何实现“vue axios fetch” 作为一名经验丰富的开发者,我将教你如何在Vue项目中使用axios来发送HTTP请求并获取数据。 ## 整体流程 首先,我们来看一下整个流程。我们将使用axios库来发送HTTP请求,然后使用fetch API来获取数据。下面是实现“vue axios fetch”的步骤表格: | 步骤 | 描述 | |---
原创 2024-06-24 04:21:50
75阅读
Fetch基本概念(前端小白,刚学习vue,写的不好或是不对,请各位大佬多多指正!感激不尽!)Fetch 是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能。Fetch 的核心在于对 HTTP 接口的抽象,包括 Request,Response,Headers,Body,以及用于初始化异步请求的 g
转载 2024-08-15 00:32:57
87阅读
vue更新数组时触发视图更新的方法变异方法push()pop()shift()unshift()splice()sort()reverse()替换数组 例如:filter(), concat()和slice() 。这些不会改变原始数组,但总是返回一个新数组。当使用这些非变异方法时,可以用新数组替换旧数组:example1.items = example1.items.filter(function
1:import {login, getAdminInfo} from '@/api/getData'(从api/getData.js中import login函数。) 看一下如下的getData.js文件,其中export了login函数,所以其他地方可以调用。 import fetch from
转载 2018-04-07 21:31:00
183阅读
2评论
01-v-on的基本使用1.1 事件监听1、在前端开发中,我们需要经常和用户交互这个时候,我们就必须监听用户发生的事件,比如点击,拖拽,键盘事件等等在Vue中使用v-on监听事件2、v-on的介绍作用:绑定事件监听器缩写:@预期:Function | Inline Statement | Object参数:event1.2 代码实战<!DOCTYPE html> <html la
转载 2024-04-30 12:45:05
166阅读
vue监听机制v-on可以用 v-on 指令监听DOM事件,并在触发时运行一些JavaScript代码。 注意: 事件修饰符 在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理DOM事件细节。 为了解决这个问题,Vue.js为v-o
转载 2024-06-01 02:09:02
47阅读
文章目录事件监听(v-on:)v-on传参数v-on修饰符 事件监听(v-on:)在前端开发中,我们需要经常和用户交互。 这个时候,我们就必须监听用户发生的事件,比如点击、拖拽、键盘事件等等。在Vue中如何监听事件呢?使用v-on指令。v-on介绍 作用:绑定事件监听器。缩写:@ 预期:Function | Inline Statement | Object 参数:event 下面,
转载 2024-04-01 01:31:24
144阅读
vue中需要将内容存储到本地缓存中 这个地方的“文件数量”是从子组件中传递过来的,如果不进行处理,当此页面刷新时,数据会清空为0. 此时可以考虑将数据存储到本地缓存中。子组件代码<div class="submit"> <el-pagination background @current-change="handleCurrentChange" :current-pa
1.概念computed(计算属性)和watch(监听器)都是以vue的依赖追踪机制为基础的,当依赖数据发生变化时,依赖此数据的相关数据会自动变化2.应用场景computed处理场景:一个数据受多个数据的影响;watch处理场景:一个数据影响多个数据当我们需要进行数值计算,并且依赖于其它数据时,应该使用 computed,因为可以利用 computed 的值有缓存的特性,避免每次获取值时,都要重新
转载 2024-04-18 14:36:40
150阅读
需求:不同组件间共用同一数据,当一个组件将数据发生变化时,其他组件也可以响应该变化。分析:vue无法监听localstorage的变化。localstorage主要用于不同页面间传值,vue适合组件间传值。对于组件间共用同一数据又想保存住信息或者再页面刷新的时候不丢失数据(vuex在页面刷新的时候存储的值会丢失,localstorage存储在本地浏览器中),可以采用vuex+localstorag
转载 2024-05-05 19:21:46
452阅读
之前说到了 Object.defineProperty()  用来监听 data 的数据改变,从而实现响应式,但是在 回顾definePropety方法 博客中,出现了一个问题,那就是我在 改变数据,调用 set() 函数的时候,出现了堆栈溢出的问题,这是因为出现了递归的情况。在这里我们就来看看Vue是怎么解决这个问题的。首先,我们来实现一个简单的数据监听
一、fetch请求参数fetch('/books',{method:'post',body:'uname=list&pwd=123',headrs:{'Content-Type':"application/x-wwww-form-urlencode"}}).then(res=>{returnres.n
vue
原创 2020-08-08 20:45:32
1184阅读
这是我们寒假的实战项目,因为发现自己做完之后,感觉还是在某些方面模棱两可,不太清楚,特在此做总结,希望能够也能帮助到某些小伙伴。?(说的专业术语比较口语,还望大家能够见谅?)技术栈:vue3.0 + ts(规范语法) + AntDesign组件库(表格 + 布局) + yarn(包管理) + AntV(图表) + 百度地图API2.0(地图)+ sass(样式)所用到技术栈的文档(大家可以去官网自
# Vue3 Fetch and Axios ## Introduction In modern web development, making HTTP requests to fetch data from a server is a common task. In Vue.js, there are two popular options for making HTTP requests
原创 2023-09-29 03:40:43
188阅读
关于数据,vue提供了两种方式watch和computed(计算属性) 常规用法 watch:{ id(newVal,oldVal){ // do somethings ... } } 深层 // 深度,可到对象、数组的变化 watch:{ obj:{ deep: true, //
转载 2020-12-08 13:23:00
308阅读
2评论
一、问题描述 描述:页面1showowner.vue跳转到页面2showuser.vue 需求:页面
原创 2021-11-19 15:24:59
632阅读
# 如何在 Vue监听 Redis 实时数据 在现代 web 开发中,利用 Redis 来管理实时数据是一种常见的做法。在前端开发中,Vue.js 是一个受欢迎的框架。然而,刚入门的你可能会对如何在 Vue监听 Redis 数据并产生疑惑。本文将指引你通过几个步骤来实现这一功能。 ## 流程概述 为了实现 Vue 监听 Redis 的功能,我们可以按照以下步骤进行: ```mark
原创 2024-10-17 13:27:32
34阅读
一、问题描述 描述:页面1showowner.vue跳转到页面2showuser.vue 需求:页面1的多个结点对应于一个页面2文件【页面2未展示】 问题:并不是页面一的一个结点对应一个页面二文件 处理:路由监听 二、代码: 页面一 handleNodeClick(data) { console.l
原创 2021-08-17 14:39:12
1112阅读
// watch能监听 var vue = new Vue({ data:{ a:1, b:[], c:{ d:2, e:"3" }, firstName: '' }, methods:{ clickMethod(){ this.c.f=4 // 通过点方法给对象添加属性,这时候watch监听不到变 ...
转载 2021-07-24 10:06:00
2236阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5