Vue 中响应式系统利用了订阅发布模式来实现基本的逻辑。本文将介绍其中的两个重要角色,他们就是Dep和Observer。其中Observer 是观察者和 Dep是订阅收集和发布者。另外watcher是作为订阅者的角色。本文将重点将Observer和Dep。 一:Observer vue 通过Observer 构造函数,为响应式变量添加访问和赋值的get set的回调。var Observer =
转载
2024-09-24 11:09:37
306阅读
组价三部曲创建组件。注册组件。使用组件。组件之间的数据传递的方式 1. 父传子 :通过props属性传递 2. 子传父 通过$emit属性,用来发布自定义事件 3. 兄弟组件之间的传递1.父传子把父组件的数据以动态属性的方式放在当前子组件的行间属性上在子组件中用props接收到这个属性 (数组、对象)在子组件取值使用动态的属性名取值<body>
<div id="app"
转载
2024-10-11 17:58:18
219阅读
一、在新建项目目录src下utils文件夹新建fetch.js文件,此文件统一处理所有http请求和响应。直接上代码import axios from 'axios'
import qs from 'qs'
import store from '@/store'
import router from '@/router'
import { getToken } from './auth'
impo
转载
2024-10-11 22:00:55
523阅读
JSON.parse(JSON.stringify(fileList.value))
原创
2022-04-20 10:41:31
3474阅读
Vue3 升级内容全部使用ts重写(响应式、vdom、模板编译) 性能提升,代码量减少(打包出来的内容代码量少) 会调整部分APIObject.defineProperty的缺点深度监听需要一次性递归 无法监听新增属性/删除属性 (Vue.set Vue.delete) 无法原生监听数组,需要特殊处理Proxy基本应用Reflect作用和 Proxy 能力 一一对应规范化、标准化、函数式代替Object上的工具函数proxy完成响应...
转载
2022-02-17 13:37:26
159阅读
Vue3 升级内容全部使用ts重写(响应式、vdom、模板编译) 性能提升,代码量减少(打包出来的内容代码量少) 会调整部分APIObject.defineProperty的缺点深度监听需要一次性递归
转载
2021-06-29 14:16:59
443阅读
为什么 Vue3 中 Proxy 的 get 中使用的是 Reflect 获取属性值
原创
2022-03-29 13:56:46
10000+阅读
# Vue3 设置axios 多个proxy
在前端开发过程中,我们经常需要和后端进行数据交互,而axios是一个非常流行的HTTP客户端库,用于在浏览器和Node.js中发送HTTP请求。在Vue3项目中,我们通常会使用axios来处理HTTP请求,但是有时候我们需要设置多个不同的代理(proxy)来处理不同的请求。本文将介绍如何在Vue3项目中设置多个proxy,并给出代码示例。
## 什
原创
2024-05-23 04:09:32
960阅读
# 如何实现"vue3 axios 适配 多个proxy"
## 简介
在进行前端开发中,我们经常会用到axios库来发送网络请求。而在Vue3中,我们通常需要适配多个proxy来处理不同的接口请求。本文将介绍如何在Vue3中使用axios适配多个proxy。
## 流程
下面是实现"vue3 axios 适配 多个proxy"的步骤:
| 步骤 | 操作 |
| ---- | ---- |
原创
2024-05-13 03:39:47
158阅读
1.首先我们先了解一下什么是跨域主要是出于浏览器的同源策略限制,它是浏览器最核心也最基本的安全功能。当一个请求url的 协议、域名、端口 三者之间任意一个与当前页面url不同即为跨域。例如 xxxx.com -> xxxx.com 存在跨域 协议不同例如 127.x.x.x:8001 -> 127.x.x.x:8002 存在跨域 端口不同例如 www.xxxx.c
原创
2023-01-25 19:25:01
1381阅读
vue3 proxy对象转为原始对象
原创
2024-06-16 21:42:06
962阅读
为了解决,vue3 改用 Proxy 实现响应式。
原创
2024-05-14 15:05:33
199阅读
父组件: <BuildingAttrTable v-if="type == 0" :id="id" ref="BuildingAttrTable" :type="type" :propdata="allData" @myclickBui="onmyclickBui" @myclickBui2="on ...
转载
2021-07-12 18:31:00
1659阅读
2评论
Vue3 组件传值 今天说一下 vue3 的组件间传值,学习过 vue2 的宝子们肯定知道,组件传值是 vue 项目开发过程中必不可少的功能场景,在 vue2 里面有很多传值的方式,vue3 的传值方式呢,在这里稍微整理总结一下,但是不是很全,后期可能慢慢补充。 父子组件传值 props 和 vue
原创
2022-10-24 10:51:08
279阅读
# 使用 Vue3 读取 Redis 值的科普文章
在现代 web 开发中,前后端分离已成为一种普遍的架构模式。Vue.js 是一个流行的前端框架,而 Redis 则是一款广泛使用的高性能键值数据库。本文将探讨如何在 Vue3 项目中实现读取 Redis 值的功能。
## 文章结构
1. 什么是 Redis?
2. Vue3 简介
3. 后端 API 设计
4. Vue3 中如何获取数据
5
提示:本博客用于分享本人学习心得,如有错误之处欢迎大家指出。 文章目录前言什么是proxy?proxy监听数据?总结 前言在上一篇文章vue2 响应式之Object.defineProperty中,我们知道了vue2是通过Object.defineProperty这个API来实现响应式的。 那么, 为什么vue3要使用proxy来替代Object.defineProperty? 就像上一篇中讲到的
转载
2024-01-04 22:58:41
172阅读
Vue3为何使用Proxy实现数据监听
原创
2022-07-24 00:08:04
497阅读
key 的一个错误使用——使用 index 作为 key
不知道你在写 v-for 的时候,会不会直接使用 index 作为它的 key 值,是的,我承认我会,不得不说,这真的不是一个好习惯。以下是核心代码,其中 arrData 的值为 [1,2,3,4]<div id="sort">
<div v-for="(item,index) in arrData" :key="in
转载
2024-04-13 12:51:28
162阅读
1、安装npm install -S file-saver 用来生成文件的web应用程序
npm install -S xlsx 电子表格格式的解析器
npm install -D script-loader 将js挂载在全局下
npm install -S element-ui 安装element-ui
转载
2021-06-07 11:31:08
2247阅读
2评论
Vue3.0重磅来袭1. Vue3.0项目创建(脚手架方式)2. 拉开序幕 —— setup()3. 基本数据的响应式实现 —— ref()4. 引用数据的响应式实现 —— reactive()5. FAQ(需要注意的地方) 1. Vue3.0项目创建(脚手架方式)## 安装或者升级
npm install -g @vue/cli
## 保证 vue cli 版本在 4.5.0 以上
vue --