- 博客(2)
- 收藏
- 关注
RSS订阅原创 javaScript实现简单的vue3响应式功能
vue使用了Proxy 代理函数，Proxy 是一个构造函数，进行变量劫持定义，劫持整个对象的变化，弥补 defineProperty 函数的不足。响应式：无需操作DOM，通过数据修改触发对应的页面修改。vue3响应式原理，简单实现完整代码。
2023-07-16 18:13:45
89
1
原创 js通过defineProperty实现简单响应式
实现这一步主要使用Object.defineProperty(）方法中的get()和set()方法，其中get()方法主要用于定义属性的取值操作拦截回调函数,该函数的返回值为描述属性的取值；set()方法用于定义属性的赋值操作拦截回调函数,通过定义该函数的执行体完成当前属性值的修改，该方法存在一个newValue形参。通过input框输入文本，修改页面中由js对象中取得的文本，通过input事件取得输入的数据，并将取得的值赋值给页面获取数据的对象属性。这就实现了一个简单的响应式功能。
2023-07-16 17:46:56
82
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人