reactivity

petite-vue源码剖析-逐行解读@vue/reactivity之reactive

@vue/reactivity功能十分丰富，而petite-vue仅使用到reactive和effect两个最基本的API，作为入门本文将仅仅对这两个API进行源码解读。一切源于Proxy我们知
^_^肥仔John·2022-03-22 08:00

理解Vue响应式原理以及this.$set

id=1667581867911645201&wfr=spider&for=pchttps://cn.vuejs.org/v2/guide/reactivity.html前言：其实使用vue的都知道，vue
w_gold_qin·2022-03-18 21:04

vue接口获取的数据不能更新视图

this.someObject=Object.assign({},this.someObject,{a:1,b:2})3.v-if粗暴判断vue原文地址：https://cn.vuejs.org/v2/guide/reactivity.html
cccccyn·2022-03-15 16:31

Vue3 computed & watch源码分析

如果没有对Vue3的响应式原理不熟悉，建议先阅读第一篇Vue3reactivity源码解析。computedAPI在上篇文章中我们分析了computed的原理。
·2022-03-07 11:01

Vue3 源码首次瞎看——mount 流程

前言这是一篇一点都不讲究的文章记录下时间点吧9月15号把Vue3的master分支拉下来了，然后10月15号开始白嫖，没看过大佬们的分享，大致扫了一眼，相比2x版本最直观的感受是：(runtime-)core代码移至packages内，reactivity
zpkzpk·2022-02-15 13:15

精读《vue-lit 源码》

vue-lit基于lit-html+@vue/reactivity仅用70行代码就给模版引擎实现了VueCompositionAPI，用来开发webcomponent。
·2022-02-15 10:08

精读《vue-lit 源码》

vue-lit基于lit-html+@vue/reactivity仅用70行代码就给模版引擎实现了VueCompositionAPI，用来开发webcomponent。
·2022-02-14 09:13

简单实现vue原理

https://cn.vuejs.org/v2/guide/reactivity.html-->{{msg}}修改msgclassVue{constructor(options){this.
一只飞·2022-02-13 15:28

Vue3 源码瞎看 2——reactivity 浅析

前言感觉reactivity代码比较少，看看能不能一篇写个大概。
zpkzpk·2022-02-13 08:08

反向操作，我让 vue/reactivity 支持非 Proxy 环境

背景我们都知道vue3重写了响应式代码，使用Proxy来劫持数据操作，分离出来了单独的库@vue/reactivity，不限于vue在任何js代码都可以使用但是正因为使用了Proxy，Proxy还无法用
·2021-12-19 13:55

Vue 3 Reactivity System Source Code Reading: `markRaw`

CauzonlyObject,Array,Map,Set,WeakMapandWeakSetcanbeactedforinVue3reactivitysystem.AndtovalueofthetypeofObjectcalledbyObject.isFrozenreturnstrueorwith__v_skipunenumerablepropertyofwhichvalueistruewillc
·2021-11-13 11:06

手摸手教你实现Vue3 Reactivity

目录前言开始小小思考代码实现模仿实现track实现trigger实现observe实现computed前言Vue3的响应式基于Proxy，对比Vue2中使用的Object.definedProperty的方式，使用Proxy在新增的对象以及数组的拦截上都有很好的支持。Vue3的响应式是一个独立的系统，可以抽离出来使用，那他到底是如何实现的呢？都知道有Getter和Setter，那Getter和Se
·2021-08-25 13:53

Vue2.x响应式简单讲解及示例

二、Vue响应式实现分析对于vue的响应式原理，官网上给了出文字描述https://cn.vuejs.org/v2/guide/reactivity.html。
·2021-08-22 15:06

一步一步实现 Vue 3 Reactivity

于是最近在VueMastery上重新学习Vue3Reactivity的知识，这次收获更大。本文将带大家从头开始学习如何实现简单版V
·2021-06-25 10:02

一步一步实现 Vue 3 Reactivity

于是最近在VueMastery上重新学习Vue3Reactivity的知识，这次收获更大。本文将带大家从头开始学习如何实现简单版V
·2021-06-25 09:54

vue异步更新队列：$nextTick()【update 完成后被调用】

官网：https://cn.vuejs.org/v2/guide/reactivity.html#异步更新队列"异步更新队列"异步更新队列Vue在更新DOM时是异步执行的。
meng_281e·2021-06-07 12:06

Vue3 响应式解析Reactivity(Reflect and Proxy)

最近研究vue3源码,知道使用了Proxy和Reflect,但是不了解它们之间的关系这篇文章主要是让大家了解vue3为什么使用Proxy和Reflect以及响应式的部分原理为什么使用Proxy(Proxy和Object.defineproperty)Object.defineproperty实现对象监听先解析一下vue2中使用的Object.definepropertyletobj={a:10}O
·2021-04-07 10:32

Vue3 响应式解析Reactivity(Reflect and Proxy)

最近研究vue3源码,知道使用了Proxy和Reflect,但是不了解它们之间的关系这篇文章主要是让大家了解vue3为什么使用Proxy和Reflect以及响应式的部分原理为什么使用Proxy(Proxy和Object.defineproperty)Object.defineproperty实现对象监听先解析一下vue2中使用的Object.definepropertyletobj={a:10}O
·2021-03-09 22:34

《vue3》reactivity API（vue3的$set呢?）

在Vue2中，修改某一些数据，视图是不能及时重新渲染的。比如数组{{myHobbies}}data:()=>({myHobbies:['篮球','羽毛球','桌球']});mounted(){this.myHobbies[1]='sing';//视图层并没有改变}因此，Vue2就提供了一些变异的方法，比如$setthis.$set(myHobbies,1,'sing');为什么不能直接修改？为什么
BA_凌晨四点·2021-01-12 00:18

从零实现Vue3的响应式库(1)

此外Vue3的响应式库reactivity是一个单独的包，它可以不依赖Vue运行，意味着我们可以将它运行在其他框架里。事实上，Vue3的响应式库的实现方式以及市面上其他的大多数响
zhangzp·2020-12-28 00:51

从零实现Vue3的响应式库(1)

此外Vue3的响应式库reactivity是一个单独的包，它可以不依赖Vue运行，意味着我们可以将它运行在其他框架里。事实上，Vue3的响应式库的实现方式以及市面上其他的大多数响
zhangzp·2020-12-28 00:48

vue3-reactive的实现原理

/vue3/reactivity'conststate=reactive({title:'零三',numArr:[1,2,3],strArr:['vue','react','html'],objArr:
【03】·2020-12-05 20:18

Vue 3.0 ref 和reactive 区别

ref的使用ref的作用就是将一个原始数据类型（primitivedatatype）转换成一个带有响应式特性(reactivity)的数据类型，原始数据类型共有7个，分别是：StringNumberBooleanNullUndefinedSymbol
抽疯的稻草绳·2020-11-17 09:37

Vue2.0 解决watch对象属性变化监听不到问题

请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式：通过vue的this.$set(o
Q-u-a-n·2020-09-16 10:36

vue生命周期钩子函数有哪些？分部能做些什么？

可以加载一些比如loading加载动画，在页面渲染前出现的内容created():Init(初始化)injections(依赖注入)&reactivity(开始响应)，通过ajax请求数据beforeMount
奶思旺仔·2020-09-14 06:30

谈谈对vue的生命周期理解

这个dom上，在初始化实例newvue()的过程中首先执行了init（init是vue组件里面默认去执行的初始化events)，然后首先调用beforeCreate，然后在injections（注射）和reactivity
枫叶的影子·2020-09-13 21:47

Vue2.0 解决watch对象属性变化监听不到问题

请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式：通过vue的this.$set
HiZhg·2020-09-12 16:49

一一五、手写vue3 reactivity

Vue3ReactivityAPIvue3reactivedemofunctionisObject(obj){returntypeofobj==='object'}functionisArray(obj){returnobjinstanceofArray}functionisRef(raw){returnraw?!!raw._isRef:false}/**监听原始值*/functionref(pr
荼荼荼蘼·2020-09-11 12:31

一一四、Vue 3 核心原理 -- reactivity实现

vue3一个简单的例子Countis:{{state.count}},doubleis:{{state.double}}otherCountis:{{otherCount}},doubleis:{{otherDouble}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactive({count:0,dou
荼荼荼蘼·2020-09-11 12:31

Vue3原理实战运用，我用40行代码把他装进了React做状态管理

前言vue-next是Vue3的源码仓库，Vue3采用lerna做package的划分，而响应式能力@vue/reactivity被划分到了单独的一个package中。
前端劝退师·2020-09-10 10:34

Vue源码分析之实现一个简易版的Vue

目标参考https://cn.vuejs.org/v2/guide/reactivity.html使用Typescript编写简易版的vue实现数据的响应式和基本的视图渲染，以及双向绑定功能。
Khazix·2020-08-23 15:00

Vue源码分析之数据驱动

视图改变，数据随之改变数据驱动开发时仅需要关注数据本身，不需要关心数据如何渲染到视图官方教程：https://cn.vuejs.org/v2/guide/reactivity.htmlMDN：https
Khazix·2020-08-21 12:00

vue控制代码执行顺序之$nextTick()(三)

官网教程地址：https://cn.vuejs.org/v2/guide/reactivity.html如下：通过websocket方式接受了后
努力学习的小丸子·2020-08-19 00:53

【更新中】【翻译】Vue3.0数据响应式

Lastupdated:7/19/2020,1:51:27AM（官方文档更新时间）Reactivity深入响应式何为响应式？在JS中如何实现数据响应式？
我要你好好的。·2020-08-16 16:04

vue3.0源码学习(reactivity)

3.0源码：https://github.com/vuejs/vue-next/根据作者尤大在直播中讲过大致可以把整个vue分为三个部分来看，reactivity（vue响应式核心），compiler（
吃不动了·2020-08-16 07:11

Vue 3.0 的生命周期

一个vue实例化对象initEvent&Lifecycle执行一些初始化和生命周期相关的操作beforeCreate组件实例刚刚被创建出来执行一些初始化和生命周期相关的操作initinjections&reactivity
weixin_30478923·2020-08-09 13:19

Vue生命周期的钩子函数有哪些，分别作用是什么？

3、创建完毕状态Init(初始化)injections(依赖注入)&reactivity(开始响应)。
国产菇凉·2020-07-15 07:09

Vue源码--解读vue响应式原理

原文链接：https://geniuspeng.github.io/2018/01/05/vue-reactivity/Vue的官方说明里有深入响应式原理这一节。
weixin_30388677·2020-07-15 03:12

Vue3.0 源码分析（一）：响应式模块 reactivity

前言学习Vue3.0源码必须对以下知识有所了解：proxyreflectiteratormapweakmapsetweaksetsymbol这些知识可以看一下阮一峰老师的《ES6入门教程》。如果不会ts，我觉得影响不大，了解一下泛型就可以了。因为我就没用过TS，但是不影响看代码。阅读源码，建议先过一遍该模块下的API，了解一下有哪些功能。然后再看一遍相关的单元测试，单元测试一般会把所有的功能细节都
woai3c·2020-07-12 20:41

一张图理清 Vue 3.0 的响应式原理

Vue最巧妙的特性之一是其响应式系统，而我们也能够在仓库的packages/reactivity模块下找到对应的实现。
小北哥哥和北妈·2020-07-10 13:21

一张图理清Vue 3.0的响应式系统，实现精简版的Vue 3.0响应式系统

Vue最巧妙的特性之一是其响应式系统，而我们也能够在仓库的packages/reactivity模块下找到对应的实现。
全栈修炼·2020-07-09 07:42

vue响应式理解

本文是个人对vue响应式的理解，如果有错误欢迎大家指正阅读本文前请大家仔细理解官网中的响应式内容https://cn.vuejs.org/v2/guide/reactivity.htmlhttps://
poem-rain·2020-07-07 19:27

vue中 不更新视图 四种解决方法

官网文档说明：https://cn.vuejs.org/v2/guide/reactivity.html方案一：利用Vue.set(object,key,val)例：Vue.set(vm.obj,'key
Esca00·2020-07-05 16:10

vue基于element-ui table做行内编辑

f12后，输入框才切换出来vue文档说明：https://cn.vuejs.org/v2/guide/reactivity.html#%E5%A6%82%E4%BD%95%E8%BF%BD%E8%B8%
三户人家·2020-06-12 17:02

从零开始创建你自己的Vue 3

DeepDiveintoVue3.BuildYourOwnVue3FromScratch.第1章Vue3总览你能学到什么了解Vue3核心模块的功能了解Vue3整体的运行过程核心模块Vue3有三个核心模块，分别是：响应式（reactivity
natee·2020-06-07 09:01

40行代码把Vue3的响应式集成进React做状态管理

前言vue-next是Vue3的源码仓库，Vue3采用lerna做package的划分，而响应式能力@vue/reactivity被划分到了单独的一个package中。
晨曦时梦见兮·2020-05-20 11:11

VUE学习

【链接】深入响应式原理http://cn.vuejs.org/guide/reactivity.html【链接】利用JavaScript数据绑定实现一个简单的MVVM库https://segmentfault.com
ddai_Q·2020-02-29 04:03

解释Vue深入响应式原理

data内添加的属性，不会触发view层的更新newVue({{el:'#app',data:{user:{name:'tom',sex:'male'}},created(){this.user.msg='reactivity
coolheadedY·2020-02-25 15:49

Shiny文档翻译-a.01 shiny响应式开发-概述

翻译自：Reactivity-Anoverview转载请注明来源使用Shiny打造可互动的应用非常容易，但是为了走得更远，你需要去理解Shiny的响应式编程模型。
esctrionsit·2019-12-13 10:37

Vue 3 核心原理 -- reactivity 自己实现

该部分源码复写，可看Vue3核心原理--reactivity源码复写自己实现一遍自己实现前，需要了解一下vue3的API以及大概的实现原理，可参考以下文章：Vue3Composi
philoZhe·2019-12-03 13:54
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他