响应式编程系列

vue3 defineProps传值使用 ref 响应式失效

子组件接收父组件的传参。父组件：import{ref}from"vue";letdata=ref('hello')setTimeout(()=>{data.value='howareyoudoing'},2000)子组件：{{msg}}import{ref}from"vue";//接受来自父组件的传参constprops=defineProps({data:String,});constmsg=r
m0_67391521·2023-11-24 05:11

Vue3 解构赋值失去响应式引发的思考！

image.png前言vue3发布以来经历两年风头正盛，现在大有和react平分天下的势头，我们知道他是基于proxy实现响应式的能力，解决了vue2所遗留下来的一些问题，同时也正由于proxy的特性，
前端瓶子君·2023-11-24 05:38

vue2的响应式

结合源码分析一下vue的响应式之前对于响应式，只是简单，很表面上的认识，知道vue的响应式主要通过Object.defineProperty()方法来进行数据劫持以及发布者-订阅模式来实现的，但是如何进行数据劫持呢
Bwcx_lzp·2023-11-24 05:38

Vue3中的响应式语法糖(官网更新)

最近，vue的官网更新了，主要是推出了些关于响应式的优化方案。下面是这次官网更新知识点的总结。
喝西瓜汁的兔叽Yan·2023-11-24 05:35

Vue3中如何响应式解构 props

这意味着不能够解构defineProps的返回值，因为得到的变量将不是响应式的、也不会更新。
下雪天的夏风·2023-11-24 05:31

vue中的响应式和设计模式

文章内容输出来源：拉勾教育前端高薪训练营数据响应式包含数据响应式、双向绑定、数据驱动三种数据响应式数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作
yhzzy·2023-11-24 01:06

Vue双向数据绑定和Vue响应式

Vue的双向数据绑定：是一种数据流动的方式，它可以使数据的变化自动同步到视图，同时视图中的变化也可以自动地更新数据。在Vue中，可以使用v-model指令来实现双向数据绑定。例如，在一个表单元素中使用v-model，当用户输入内容时，数据会自动更新，当数据发生变化时，视图也会自动更新。双向数据绑定是Vue的核心特性之一，它可以使得开发者更加方便地管理和维护数据与视图之间的关系。原理：实现双向绑定的
巴拉巴拉小魔仙_·2023-11-24 01:04

深入了解Vue 2响应式原理，并手写一个简单的Vue

1.Vue2的响应式原理Vue.js一个核心思想是数据驱动。所谓数据驱动是指视图是由数据驱动生成的，对视图的修改，不会直接操作DOM，而是通过修改数据。
慌张的唐同学·2023-11-24 01:02

【Vue】核心特性（响应式）

响应式：数据变化，视图自动更新接下来使用一个例子来体现一下什么是响应式案例一：访问数据，视图自动更新Titlevarapp=newVue({el:'#app',data:{str1:'hello',str2
freedomSTUDENT·2023-11-24 01:01

基于 Dash Bio 的生物信息学数据可视化

Dash是用于搭建响应式Web应用的Python开源库。
Python中文社区·2023-11-24 01:51

shell 导入数据mysql_shell编程系列24--shell操作数据库实战之利用shell脚本将文本数据导入到mysql中...

shell编程系列24--shell操作数据库实战之利用shell脚本将文本数据导入到mysql中利用shell脚本将文本数据导入到mysql中需求1：处理文本中的数据，将文本中的数据插入到mysql中
福灵善权·2023-11-23 22:56

Vue3设计思想及响应式源码剖析 | 京东物流技术团队

一、Vue3结构分析1、Vue2与Vue3的对比对TypeScript支持不友好（所有属性都放在了this对象上，难以推倒组件的数据类型）大量的API挂载在Vue对象的原型上，难以实现TreeShaking。架构层面对跨平台dom渲染开发支持不友好,vue3允许自定义渲染器，扩展能力强。CompositionAPI。受ReactHook启发对虚拟DOM进行了重写、对模板的编译进行了优化操作…2、V
京东云技术团队·2023-11-23 19:13

【Rxjava详解】(一)观察者模式的拓展

全称是ReactiveExtensions，直译过来就是响应式扩展Rx基于观察者模式，它是一种编程模型，目标是提供一致的编程接口，帮助开发者更方便的处理异步数据流。
xoliu1·2023-11-23 16:51

Vue3 组合式函数,实现minxins

这就意味着，任何有状态逻辑，并且使用了响应式处理的逻辑都可以转换成组合式函数。这和我们平时抽离封装的公共方法
面条请不要欺负汉堡·2023-11-23 12:31

并发编程系列学习笔记03（共享模型之管程）

共享模型之管程回顾故事：老王有一把算盘，租给其他人用使用；怎么样能租给更多人，得到更多的租金，而不能出现问题；共享模型代理的问题不同线程同时对同一共享变量进行操作，最终将导致结果出现无法预测根本原因为Java内存模型分主内存和工作内存加上线程在执行过程中可能出现上下文切换具体案例：两个不同线程对一个int共享变量同时做++与--；i++对应了JVM字节码如下：getstatici//获取静态变量i
法号轻尘·2023-11-23 10:18

Vuetify：定制化、响应式的 Vue UI 库 | 开源日报 No.83

响应式布局：Vuetify组件的默认配置是响应式的，可以适应不同屏幕尺寸。主题系统：强大的颜色系统使得轻松为您的应用程序设置一致且漂亮的风格。Vite
开源服务指南·2023-11-23 10:44

Vue应用框架整合与实战

webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式
barnett_y·2023-11-23 09:11

前端开发全家桶：UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例

Vuejs的开源UI组件库mint-ui★5517-Vue2的移动UI元素vue-material★2790-通过VueMaterial和Vue2建立精美的app应用muse-ui★2611-三端样式一致的响应式
天εə界·2023-11-23 09:10

vue2的响应式数据变化

一、Vue2是如何实现数据响应式的Vue实现响应式变化的方式是通过数据劫持和发布-订阅模式。
jieyucx·2023-11-23 09:21

跟着文档学框架——Vue1

学习顺序安装--声明式渲染--组件系统--客户端路由vue-router--状态管理vuex--Ajax数据请求axios,vueAxios--构建系统vue-cli1.声明式渲染Title数据绑定响应式元素
璐_bf37·2023-11-23 08:54

Bootstrap

MarkOtto和JacobThornton合作开发的基于html、css、js，用于前端开发的开源工具包，主要用于移动端什么是bootstrapBootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局
小五同学H·2023-11-23 06:30

DedeBIZ 管理系统 DedeV6 v6.2.6 社区版 免费授权版

同时，它采用响应式模板引擎Bootstrap作为系统模板渲染引擎，使搭建跨终端和移动端全媒体站点更
软希源码·2023-11-23 05:16

Vue 响应式数据的判断

isReactive：检查一个对象是否由reactive创建的响应式数据。isReadonly：检查一个对象是否由readonly创建的只读数据。
小吴吴吴呀·2023-11-23 04:28

Vue 定义只读数据 readonly

readonly让一个响应式数据变为**深层次的只读数据**。isReadonly判断一个数据是不是只读数据。应用场景：不希望数据被修改时使用。
小吴吴吴呀·2023-11-23 04:54

新版本通知，判断资源是否存在，flv协议资源无法中断处理，vue3响应式，git revert，面包屑，flex-basic与width，vite热更新失效

1.前端版本更新通知，技术文档：https://segmentfault.com/a/11900000419000212.知识盲区http协议欲判断某个资源是否存在，我们通常使用GET，但这里用HEAD则意义更加明确。exportfunctionisExistFile(filepath:string){if(filepath==null||filepath===""){returnfalse}va
weixin_30980795·2023-11-23 03:25

new Vue发生了什么

_init方法会做一堆初始化工作，首先是对options的合并，然后是一系列init方法，对data进行proxy处理和响应式处理observe，最后调用$mount做挂载。
Feather_74·2023-11-23 03:54

利用 React 和 Bootstrap 进行强大的前端开发

文章目录介绍React和Bootstrap设置环境使用Bootstrap创建React组件React-Bootstrap组件结论介绍创建响应式、交互式和外观引人入胜的Web界面是现代前端开发人员的基本技能
网罗开发·2023-11-22 20:17

Vue超好玩的新特性：DOM传送门

因为目前大多数的Vue3文章重点都在讲CompositionAPI和响应式的优化，虽然这些新特性很棒，但大家都把其他的新特性给忽略掉了。
手撕红黑树·2023-11-22 20:54

vue3 toRef函数和toRefs函数

这篇我们看下toRef和toRefs的基本使用我们知道ref可以用于创建一个响应式数据，而toRef也可以创建一个响应式数据，那他们之间有什么区别呢？
深度剖析JavaScript·2023-11-22 19:31

vue3响应式api

响应式api——compositonapisetup：不要再想this问题执行是在beforeCreated之前beforeCreated：也就是创建了一个实例created：挂载了数据通过形参props
betterangela·2023-11-22 18:11

vue3面试题

ref将普通的数据类型包装成响应式对象，通过.value的属性来访问该值，当值被修改时会触发视图的更新reactive的主要作用是什么？
牛壹壹·2023-11-22 16:53

Uniapp和微信小程序的区别2023（详细）

支持Vue的响应式数据绑定、组件化开发，同时支持使用HTML、CSS和JavaScript进行开发。微信小程序：使用WXML（类似于HTML）、WXSS（类似于CSS）和JavaScr
耀南.·2023-11-22 16:57

鼎捷前端开发校招岗技术面面经（已过）

但是是让我谈我知道的原理，我聊到了响应式、事件车、diff比对算法、el的渲染（render函数）等。自己写一个render函数会怎样思考render是用来渲染的，本质上是一个函数。内部传参为一个
巧克力小猫猿·2023-11-22 16:56

Vue2常见的缺陷与Vue3带来的新特性

文章目录一、Vue2的常见缺陷1.首先从开发维护的角度来看2.从社区的二次开发难度来说3.从我们普通开发者的角度来说二、Vue3的新特性1.RFC机制2.响应式系统3.自定义渲染器3.全部模块使用TS重构
NGUP_LEE·2023-11-22 16:18

Vue2和Vue3的主要区别

一、Vue响应式的底层实现不同Vue2底层是通过es5的Object.defineProperty，使用Object.defineProperty()进行数据劫持，结合订阅发布的方式实现，有一定的局限性
MENGCAIXIU520·2023-11-22 16:47

【Vue】响应式与数据劫持

目录前言响应式Vue的响应式是如何实现的数据劫持Vue中的data属性都具有响应式Vue后期添加的属性如何使其具有响应式数组的响应式处理如何使用数组下标去修改可以具有响应式呢前言什么是响应式？
软工不秃头·2023-11-22 16:17

Vue响应式原理之——Object.defineProperty

先了解一下Object.defineProperty()这个方法：参考MDN上的解释这个方法主要是用直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。先写一个demoletperson={_data:{name:'wcx',age:122}}Object.defineProperty(person,'name',{get(){console.log(`name被获取了`)
李牧敲代码·2023-11-22 15:42

【Vue.js 3.0源码】v-model双向绑定的实现过程

一、前言很多人会把Vue.js的响应式原理误解为双向绑定，其实响应式原理是一种单向行为，它是数据到DOM的映射。
吉帅振的网络日志·2023-11-22 14:12

vue响应式数据-修改对象的属性值，视图不更新

目录bug复现原因怎么在console中判断是不是响应式数据怎样才能设置为响应式数据bug复现在代码中给一个对象，新增多个属性并赋值，然后在另一个方法中修改对象其中一个属性的值，发现数据改变，页面视图并没有更新
cyhhhh·2023-11-22 12:43

为什么Vue2中出现data数据刷新但是视图不更新的问题，但是Vue3中没有

为什么会出现data数据改变，页面不更新vue2中是通过Object.defineProperty实现数据响应式，组件初始化时，对data中的数据进行递归遍历，对data的每一个属性进行劫持，添加set
Clover‘s Blog·2023-11-22 12:35

问题：vue2修改对象属性值，数据改变，但是页面视图不更新

目的：修改对象node的child属性的值，页面响应式变化问题：数据是变了，但是页面没反应；在页面中用v-if绑定这个值，数据变了，视图也是不更新错误写法：this.node.child=""正确写法：
ToOTOooo·2023-11-22 12:01

前端面试题【72道】

5.什么是响应式设计？响应式设计的基本原理是什么？如何做？6.如果要做优化，CSS提高性能的方法有哪些？7.对前端工程师这个职位是怎么样理解的？
鋜斗·2023-11-22 11:59

vue3-响应式函数

个人主页：前端青山系列专栏：Vue篇人终将被年少不可得之物困其一生依旧青山,本期给大家带来vue篇专栏内容:vue3-响应式函数目录ref响应式函数引言：ref函数reactive函数Reactive与
前端青山·2023-11-22 10:43

uikit抽屉与响应式可见性

抽屉/Off-canvas创建一个可以在页面上平滑地滑入滑出的抽屉。抽屉完美适用于构建移动端导航，与那些颇受欢迎的许多原生手机应用类似，在其左上角用一个按钮来开关带有菜单的侧边栏。用法.uk-offcanvas添加该类至一个元素来创建隐藏在页面外的边栏容器和覆盖层。id也需要添加，使抽屉可被打开或关闭。.uk-offcanvas-bar添加该类至一个子级元素来创建抽屉式边栏。你可以使用任何元素来切
蛋炒饭_By·2023-11-22 10:37

【Vue】响应式与数据劫持

Vue.js是一个渐进式的JavaScript框架，其中最重要的一个特性就是响应式（Reactivity）。
破浪前进·2023-11-22 09:53

前端UI工具（主要适用于JAVa,layui+easyui+elementui等及UI对比）

特点：响应式设计、移动设备优先、丰富的组件、易用性高。React:描述：React是由Facebook开发
Keep forward upup·2023-11-22 07:07

Vue的$set、$delete实现视图层响应

Vue的$set、$delete实现视图层响应Document{{item.label}}删除修改查看新增取消确定//对于已经创建的实例，vue不允许动态添加根级别的响应式property，但可以通过$
Start_t·2023-11-22 03:46

Pinia

目录一、基本使用二、定义一个Store三、State1.从store中获取的数据解构后不具备响应式2.使用storeToRefs()可以使解构后的数据具有响应式3.读取和写入state1.修改state
nknmn_·2023-11-21 21:49

基于 SpringBoot 的 API 网关架构实现思路

提到API网关大家可能会想到Zuul、SpringCloudGateway等开源API网关，Zuul2.x、SpringCloudGateWay这些基于Reactor模式（响应式模式）的开源网关在高并发
π大星的日常·2023-11-21 20:16

pinia学习笔记

introduction.html注意点：store中只有三个概念state、getters和actions可以理解成属性、计算属性、属性的操作方法不能直接解构store中的属性，直接结构出来的属性，会失去响应式变化
黑夜中起飞·2023-11-21 18:08
上一页 28 29 30 31 32 33 34 35 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他