vue支付原理
新建支付宝应用 第一步：创建应用· 生成秘钥生2.2 按照官方要求生成秘钥 把生成的app公钥粘贴到沙箱环境的app中 2.4 查看沙箱环境账号和密码 3.测试支付宝获取支付宝扫码链接3.1 支付宝开发地址支付宝开放平台： https://open.alipay.com/platform/home.htm支付宝沙箱环境： ...
2024-01-10
vue 响应式原理
响应式原理简单点讲 vue 的响应式是通过 Object.defineProperty 和 观察者模式来实现的。vue 初始化的时候 watcher 构造函数通过 Object.defineProperty 方法对 data 属性进行递归遍历，设置 get、set，初始化编译的时候会触发 getter 函数，进行依赖收集，将观察者 watcher 添加到目标对象 dep 中。改变数据的时候会触发...
2024-01-10
vue3的一些原理
一 命令式和声明式一开始我们写的像jquery的代码就是命令式；vue用的写法是声明式，只关注结果，不关注过程。声明式代码的更新性能消耗，除了有直接修改的性能消耗 ，还有找出差异的性能消耗。但是维护性更强。参考：https://juejin.cn/post/7077369940038123550二 虚拟DOM虚拟DOM是为了最小化差异出现的...
2024-01-10
vue的响应式原理
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当修改它们时，视图会进行更新。 当我们把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.definedProperty 把这些属性全部转为 getter/setter 。Object.def...
2024-01-10
vue配置代理
1 module.exports = { 2 assetsDir: 'static', 3 parallel: false, 4 publicPath: './',//history模式注释掉此行，hash模式需要 5 6 productionSourceMap: false, 7 devServer: { 8 port: 8081, 9 open: false,10 overlay: {11 ...
2024-01-10
vue响应式原理理解
响应式原理：组件data的数据一旦变化，立刻触发视图的更新。注意事项:Vue无法检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化，所以属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的。var vm = new Vue({ data:{ a:1 }})// `vm.a` 是响应式的vm.b = 2...
2024-01-10
vue的MVVM原理
参考vue的MVVM，模拟了数据劫持、数据代理、数据编译、发布订阅、数据更新视图、双向数据绑定、computed(计算属性) 、mounted(钩子函数)等功能。页面调用：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=dev...
2024-01-10
vue响应性原理理解
核心实现类Observer : 它的作用是给对象的属性添加 getter 和 setter，用于依赖收集和派发更新Dep : 用于收集当前响应式对象的依赖关系,每个响应式对象包括子对象都拥有一个 Dep 实例（里面 subs 是 Watcher 实例数组）,当数据有变更时,会通过 dep.notify()通知各个 watcher。Watcher : 观察者对象 , 实例分为渲染 wa...
2024-01-10
浅谈vue原理(一)
哎，不知道多久之前说的要说说vue原理的，后来就忘记了，嘿嘿，这次就来看看vue的大概原理吧！ 看过我博客的人应该知道，我不是很喜欢用那种太专业的术语的，喜欢用小白都能看懂的话来说，所以可能有的地方表达的不是很专业，不要打我╮(╯_╰)╭ 前提：起码要简单使用过vue，知...
2024-01-10
vue 数据处理
后端返回了如下数据结构：我需要处理成同时table里input能实现v-model双向绑定。我现在实现如下但是数据双绑不能成功回答关闭此问题，以我的方式就可以试试用这个 https://cn.vuejs.org/v2/api/#......
2024-01-10
vue原生级联回显
级联下拉框第二级不能回显前面用的jsp直接接收后台传过来的定义一个数组数据是在页面加载出来之后才会添到下拉框回显的接口根据库房的id查询库位的信息回答：删除that.locations.length=0删除that.model=data[relicInfo]添加以下for(var key in data.reclicInfo){ that,$set(that.model,key,dat...
2024-03-13
vue数据处理问题
let data = [ { "id": "496c3a18-633d-4f70-a04e-250fe02fad4e", "templateName": "奶茶规格模板", "number": 0, "remarks": "", "specItems"...
2024-02-08
vue 数据处理问题
leftData的数据格式底下的productName和code不在checklist里面，而是在它的外层，我现在想取到外层的值应该怎么做，感谢各位回答：前面生成 totalArray 那部分，应该可以用 flatMap简化一下const totalArray = this.leftData .flatMap(item => item.checkList.map(json => JSON...
2024-02-09
vue 基本知识整理
1 每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例2 可以扩展Vue构造器，从而使用预定义选项创建可复用的组件构造器所有的Vue.js组件其实都是被扩展的Vue实例每一个VUE实例都会代理其 data 对象里所有的属性：注意只有这些被代理的属性是响应的，也就是说值的任何改变都会触发视图的重新渲...
2024-01-10
Vue2 响应式原理
我们经常用vue的双向绑定，改变data的某个属性值，vue就马上帮我们自动更新视图，下面我们看看原理。Object的响应式原理：可以看到，其实核心就是把object的所有属性都加上getter、setter，get时收集依赖，set时通知依赖，达到响应式更新的目的。但是显而易见的，这种方法无法监测到data增加属性和删...
2024-01-10
详解Vue响应式原理
摘要： 搞懂Vue响应式原理！作者：浪里行舟原文：深入浅出Vue响应式原理Fundebug经授权转载，版权归原作者所有。前言Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作...
2024-01-10
vue常见知识点整理
什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ...
2024-01-10
vue之数据代理详解
目录一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理二、上面的数据代理还是有以下缺陷的总结解决跨域的方式有多种，例如jsonp、cors但这两种都需要后台人员的帮助，一、下面我讲的是前端人员在vue-cli中就可以完成的一种解决方式——数据代理(1)首先需要在vue-cli官方...
2024-01-10
Vuejs响应式原理
最近一段时间在阅读Vue源码，从它的核心原理入手，开始了源码的学习，而其核心原理就是其数据的响应式。并且结合设计模式进行学习观察者模式&&发布订阅者模式这里简短的介绍这两种模式的联系和差异，观察者模式观察者模式定义了对象间的一种一对多的依赖关系，当一个对象的状态发生...
2024-01-10
Vue深入响应式原理
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题.如何追踪变化当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项...
2024-01-10
vue中key的作用和工作原理
key值的作用key值大多情况下使用在循环语句中，从本质来讲主要作用大概有以下两点：主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes，相当于唯一标识ID。Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染， 因此使用key值可以提高渲染效率，同理，改变某一元素的k...
2024-01-10
vue 数据处理的问题
数据如下，每一项的image根据attributeValue来赋值,所有的arrtibuteValue1相同值的image是一样的，比如第一项attributeValue1的值是"P.Ⅰ", 并且这一条的image是有值的话那么所有attributeValue1 等于p.I 的image都被赋值，attributeValue1的值会有多个，相同值的image是一样的，如果attributeValu...
2024-02-07
Vue底层实现原理概述
Vue是一个典型的MVVM框架，模型（Model）只是普通的JavaScript对象，修改它则视图（View）会自动更新。这种设计让状态管理变得非常简单而直观。那么Vue是如何把模型和视图建立起关联的呢？实现原理概述这是前言提到的文章里的代码，一段典型的体现了Vue特点的代码：<div > <input type="text" v-model="word...
2024-01-10
vue实现数据控制视图的原理解析
这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点：这块内容该从哪边入手数据变化是如何驱动视图层更新的做题深化知识点从哪边着手去看响应式原理我这边提供三个方向，从这三个方向，你都可以看到watcher的使...
2024-01-10
vue 后台管理批量确认
<div class="actions-row" style="display:flex;margin-bottom:20px; "><el-buttontype="primary"@click="allConfirmation":disabled="this.multipleSelections.length===0">批量确认</el-button></div><!-- 表格 --><el-collapse v-model="activeName"><el-table:data="list"border...
2024-01-10
