第三十二篇:vue的响应式原理

互联网 2021/10/14 6:16:14

好家伙 什么是响应式?比较官方的回答: Vue.js 的核心包括一套“响应式系统”。 “响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。2.1 Object.definePropertyObject.defineProperty(obj, prop, …

好家伙

什么是响应式?
比较官方的回答:

Vue.js 的核心包括一套“响应式系统”。 “响应式”,是指当数据改变后,Vue 会通知到使用该数据的代码。

例如,视图渲染中使用了数据,数据改变后,视图也会自动更新。

 

2.1 Object.defineProperty

Object.defineProperty(obj, prop, descriptor)

参数

obj
要定义属性的对象。
prop
要定义或修改的属性的名称或 Symbol 。
妙啊,官方文档就是好用啊
get属性的 getter 函数,如果没有 getter,则为 undefined
当访问该属性时,会调用此函数。执行时不传入任何参数,但是会传入 this 对象(由于继承关系,这里的this并不一定是定义该属性的对象)。
该函数的返回值会被用作属性的值。
默认为 undefined
set属性的 setter 函数,如果没有 setter,则为 undefined
当属性值被修改时,会调用此函数。该方法接受一个参数(也就是被赋予的新值),会传入赋值时的 this 对象。
默认为 undefined

这个方法就是!>在一个对象上定义一个新的属性,2.或者改变一个对象现有的属性,并且返回这个对象。

里面有两个字段 set,get。

顾名思义,set都是取设置属性的值,而get就是获取属性的值。

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[第三十二篇:vue的响应式原理]http://www.zyiz.net/tech/detail-241177.html

上一篇:浅谈js逆向之发展历史(转)(有用)

下一篇:vue3新语法糖——setup script

赞(0)
关注微信小程序
程序员编程王-随时随地学编程

扫描二维码或查找【程序员编程王】

可以随时随地学编程啦!

技术文章导航 更多>
扫一扫关注最新编程教程