搜索结果
查询Tags标签： Reactive，共有 38条记录-
Vue3中的响应式对象Reactive源码分析
Vue3中的响应式对象Reactive源码分析ReactiveEffect.js 中的 trackEffects函数 及 ReactiveEffect类 在Ref随笔中已经介绍，在本文中不做赘述 本文中所有的源代码均为 JS简易版本，便于阅读理解Vue3源码分析之 Ref 与 ReactiveEffect Reactive流程图reactive(obj) 都做了些…
2021/12/23 17:12:19 人评论 次浏览 -
Vue3中的响应式对象Reactive源码分析
Vue3中的响应式对象Reactive源码分析ReactiveEffect.js 中的 trackEffects函数 及 ReactiveEffect类 在Ref随笔中已经介绍，在本文中不做赘述 本文中所有的源代码均为 JS简易版本，便于阅读理解Vue3源码分析之 Ref 与 ReactiveEffect Reactive流程图reactive(obj) 都做了些…
2021/12/23 17:12:19 人评论 次浏览 -
.Net中的反应式编程(Reactive Programming)
一、反应式编程(Reactive Programming) 1、什么是反应式编程：反应式编程(Reactive programming)简称Rx，他是一个使用LINQ风格编写基于观察者模式的异步编程模型。简单点说Rx = Observables + LINQ + Schedulers。 2、为什么会产生这种风格的编程模型？我在本系列文章开始…
2021/12/12 17:21:36 人评论 次浏览 -
.Net中的反应式编程(Reactive Programming)
一、反应式编程(Reactive Programming) 1、什么是反应式编程：反应式编程(Reactive programming)简称Rx，他是一个使用LINQ风格编写基于观察者模式的异步编程模型。简单点说Rx = Observables + LINQ + Schedulers。 2、为什么会产生这种风格的编程模型？我在本系列文章开始…
2021/12/12 17:21:36 人评论 次浏览 -
Vue3 新特性
<template><img alt="Vue logo" src="./assets/logo.png">名字是：{{name}}<br/>年龄是：{{person.age}}<br/>体型是：{{person.figure}}朋友是：{{friends}}<button @click="changeMeg">改名 </button&g…
2021/11/22 23:13:43 人评论 次浏览 -
Vue3 新特性
<template><img alt="Vue logo" src="./assets/logo.png">名字是：{{name}}<br/>年龄是：{{person.age}}<br/>体型是：{{person.figure}}朋友是：{{friends}}<button @click="changeMeg">改名 </button&g…
2021/11/22 23:13:43 人评论 次浏览 -
第三十九篇:Vue3 watch(ref和reactive的监视)
好家伙, 1.vue2中的watch是调用配置项,(只能写一个)vue3中的watch是一个函数(可以写很多个)2.watch一些用法: 这里是定义的数据set up(){let sum =ref(0)let msg = ref(你好啊)let person = reactive({name:张三job:{j1{salary:20}}}) }return{..........} 用法一:监视re…
2021/11/3 6:11:25 人评论 次浏览 -
第三十九篇:Vue3 watch(ref和reactive的监视)
好家伙, 1.vue2中的watch是调用配置项,(只能写一个)vue3中的watch是一个函数(可以写很多个)2.watch一些用法: 这里是定义的数据set up(){let sum =ref(0)let msg = ref(你好啊)let person = reactive({name:张三job:{j1{salary:20}}}) }return{..........} 用法一:监视re…
2021/11/3 6:11:25 人评论 次浏览 -
浅析ref和reactive/toRefs响应式原理及reactive创建的响应式对象解构后为什么会失去响应式的原因分析
一、reactive 创建的响应式对象解构后为什么会失去响应式Vue 拥有一个响应式系统，可以让它在数据更新的时候自动进行视图的更新。在Vue3.0中，可以使用 reactive 声明响应式状态。文档说不要解构 reactive 创建的响应式对象，为什么？因为会失去响应式的功能，那为什么会…
2021/10/27 23:16:54 人评论 次浏览 -
浅析ref和reactive/toRefs响应式原理及reactive创建的响应式对象解构后为什么会失去响应式的原因分析
一、reactive 创建的响应式对象解构后为什么会失去响应式Vue 拥有一个响应式系统，可以让它在数据更新的时候自动进行视图的更新。在Vue3.0中，可以使用 reactive 声明响应式状态。文档说不要解构 reactive 创建的响应式对象，为什么？因为会失去响应式的功能，那为什么会…
2021/10/27 23:16:54 人评论 次浏览 -
Vue3学习（六）之使用Vue3进行数据绑定及显示列表数据
一、写在前面 说来还是比较惭愧的，从周二开始事就比较多，周三还电脑坏了，然后修电脑等等一些杂事，忙的团团转，因为周二、周三自己走的过多了，导致不敢直腰，周四卧床一天。 之前都听说《陈情令》特别火，肖战和王一博正是因为这部剧火的，而大多数人，也因为这部剧，…
2021/10/22 23:15:55 人评论 次浏览 -
Vue3学习（六）之使用Vue3进行数据绑定及显示列表数据
一、写在前面 说来还是比较惭愧的，从周二开始事就比较多，周三还电脑坏了，然后修电脑等等一些杂事，忙的团团转，因为周二、周三自己走的过多了，导致不敢直腰，周四卧床一天。 之前都听说《陈情令》特别火，肖战和王一博正是因为这部剧火的，而大多数人，也因为这部剧，…
2021/10/22 23:15:55 人评论 次浏览 -
[Vue]Vue3 中的 ref 和 reactive 有什么区别
区别 先来看看 ref 创建的数据和 reactive 创建的数据返回的类型是什么？ console.log(ref({value: 0})) // => RefImpl console.log(reactive({value: 0}) // => Proxyref 返回的是 RefImpl，而 ref 的 RefImpl._value（可以通过控制台打印查看到RefImpl内的_value…
2021/10/17 6:11:33 人评论 次浏览 -
[Vue]Vue3 中的 ref 和 reactive 有什么区别
区别 先来看看 ref 创建的数据和 reactive 创建的数据返回的类型是什么？ console.log(ref({value: 0})) // => RefImpl console.log(reactive({value: 0}) // => Proxyref 返回的是 RefImpl，而 ref 的 RefImpl._value（可以通过控制台打印查看到RefImpl内的_value…
2021/10/17 6:11:33 人评论 次浏览 -
Vue3源码系列之ref、toRef及toRefs的实现
前言 ref和reactive的区别reactive内部采用的proxy，ref内部采用的是definePropertyref也可以放对象，只是取值的时候需要多取一层，如果是对象用reactive更加合理reactive你如果放普通类型，也就是非对象会直接返回，这个原因可以从我之前的博文中查找ref的出现就是因为r…
2021/9/12 20:05:08 人评论 次浏览
