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为何使用Proxy实现数据监听
原创
2022-07-24 00:08:04
497阅读
# 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阅读
Vue 初始化过程Vue 的初始化过程，分别有Obserbject.
原创
2023-07-12 20:48:54
114阅读
vue3.0的pre-alpha版代码已经开源了，就像作者之前放出的消息一样，其数据响应这一部分已经由ES6的Proxy来代替Object.defineProperty实现，感兴趣的同学可以看其实现源码。vue都开始使用Proxy来实现数据的响应式了，所以有必要抽点时间了解下Proxy。 Object.defineProperty的缺陷 说到Proxy，就不得不提Object.definePr...
原创
2021-09-01 11:25:29
1360阅读
安装 JSX 插件在 Vue2 中要想使用 jsx 开发，需要安装 @vue/babel-preset-jsx 等插件，之后在 babel 里指定即可，详细可以参考下面的 Vue2 GitHub 文档Vue2：GitHub 文档 —— Babel Preset JSX最近在使用 Vue3，突然想用 jsx 进行开发部分页面，顺便记录一下，也可以参考下面的 Vue3 GitHub 文档Vue3：Gi
转载
2023-10-24 08:37:56
264阅读
一、什么是jsx在 JavaScript 里面写 HTML 的语法，就叫做 JSX，算是对 JavaScript 语法的一个扩展.（在vue3项目中相当于单文件组件，.vue）使用的是jsx语法二、jsx语法1.插值。与 vue 模板语法中的插值一样，但是双大括号 {{}} 变为了单大括号 {}。大括号内支持任何有效的 JavaScript 表达式，比如：2 + 2，user.firstName，
转载
2023-07-21 22:24:22
265阅读
v-for中的key是什么作用？在使用v-for进行列表渲染时，我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释：key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes；如果不使用key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法；而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销
转载
2024-02-02 11:41:40
91阅读
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3与Vue 2相比，在包大小（使用 tree-shaking 时减轻多达 41%）、初始渲染（速度提高多达 55%）、更新（多达 133% 更快）和内存使用（最多减少 54%）。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载
2023-10-23 19:59:39
180阅读
创建Vue3项目方式一：
使用vue-cli：vue的脚手架----->创建vue项目----->构建vue项目----->前端工具链
创建方式还是和之前一样，Vue版本要选择Vue3的版本
方式二：
使用vite创建：
vite：https://cn.vitejs.dev/
：npm create vue@latest
转载
2024-06-24 23:02:55
282阅读
在绝大多数情况下，Vue 推荐使用模板<template>语法来创建应用。在 Vue 3 的项目开发中，template 是 Vue 3 默认的写法。虽然 template 长得很像 HTML，但 Vue 其实会把 template 解析为 render 函数，之后，组件运行的时候通过 render 函数去返回虚拟 DOM。然而在某些使用场景下，我们真的需要用到 JavaScript
转载
2023-12-14 09:18:57
113阅读
在绝大多数情况下，Vue 推荐使用模板<template>语法来创建应用。在 Vue 3 的项目开发中，template 是 Vue 3 默认的写法。虽然 template 长得很像 HTML，但 Vue 其实会把 template 解析为 render 函数，之后，组件运行的时候通过 render 函数去返回虚拟 DOM。然而在某些使用场景下，我们真的需要用到 JavaScript
转载
2023-12-14 11:04:16
89阅读
JSON.parse(JSON.stringify(fileList.value))
原创
2022-04-20 10:41:31
3474阅读
vue3 proxy对象转为原始对象
原创
2024-06-16 21:42:06
962阅读
Vue3 特殊属性：key,ref,isvue3 特殊属性：keyrefis key期望值：number | string特殊属性key主要用于提示Vue的虚拟DOM算法在区分新节点列表和旧节点列表时识别VNodes。没有key的时候，Vue使用一种算法来最小化元素移动，并尽可能就地修补/重用相同类型的元素。使用key，它将根据键的顺序变化对元素重新排序，而key不再存在的元素将总是被删
转载
2023-11-13 23:17:50
137阅读
1、hookVue3 的 hook函数 相当于 vue2 的 mixin，不同在于 hook 是函数，其使用目的是为了复用代码，让setup中的逻辑更加清楚易懂。使用示例：在 src 目录下建立一个 hooks 文件夹，声明一个用于存放需要复用的代码的 js 文件，如下：文件内容如下：import {reactive,onMounted,onBeforeUnmount} from 'vu
转载
2024-03-03 09:03:58
201阅读
