当前位置： 首页 > news >正文 济宁住房和城乡建设厅网站俄文网站推广 news 2025/11/3 1:00:06 济宁住房和城乡建设厅网站,俄文网站推广,php网站开发多线程开发,海南中小企业网站建设前言 Vue是一个结构的框架,也就是 数据层、视图层、数据-视图层#xff1b;响应式的原理就是实现当数据更新时#xff0c;视图层也要相应的更新 响应式实现 基于发布订阅模式和数据劫持实现 1.发布订阅模式#xff1a;vue使用发布订阅模式来实现数据变动的通知和更新 2…前言 Vue是一个结构的框架,也就是 数据层、视图层、数据-视图层响应式的原理就是实现当数据更新时视图层也要相应的更新 响应式实现 基于发布订阅模式和数据劫持实现 1.发布订阅模式vue使用发布订阅模式来实现数据变动的通知和更新 2.数据劫持vue通过object.defineProperty对数据进行劫持 Vue2响应式原理 基于js的object.defineProperty() 方法该方法可将传入的属性全部转为getter/setter object.defineProperty() 实现数据拦截是再数据被访问和被修改的时候进行拦截 1.数据劫持vue2的data部分会被object.defineProperty()传入并转成getter/setter便于追踪属性的变化在属性被修改的时候执行相应的操作 2.依赖追踪vue中有一个依赖收集系统每一个响应式数据都会有一个依赖集合当访问到该数据的时候会把当前的watcher记录下来后续数据发生变化的时候依赖于这个数据的watcher会被通知去更新相应的视图 3.派发更新当响应式数据变化的时候vue会遍历依赖集合通知相应的watcher更新视图 Object.defineProperty 为什么vue3要使用proxy而不是继续使用Object.defineProperty 1.兼容性问题一些旧版本浏览器不兼容 2.只能监听对象属性只能劫持对象的属性访问和修改操作无法监听对象的新增属性和删除属性的操作所以如果一个对象要新增属性需要使用vue.set() 3.无法监听数组的变化对于数组的增加删除和重排不会触发数组的属性变化从而也不会被拦截再vue中响应式处理需要使用pushpop()等方法去实现 4.性能开销对于大规模的data数据每个被劫持的对象都要有对应的getter和setter进行拦截和更新可能会影响到整体性能 Vue3响应式原理 Vue2使用ES5的Object.defineProperty() API对数据进行劫持并结合发布订阅模式实现双向数据绑定。而Vue3则使用ES6的Proxy API对数据进行代理从而进行双向数据绑定。使用Proxy API可以省去for in、闭包等内容来提升效率同时可以监听整个对象而不仅仅是某个属性。另外Proxy API还可以检测到数组内部数据的变化。 Proxy 1.可定制行为通过定义拦截器函数可以对对象的各种操作进行定制使得 Proxy 对象能够实现非常灵活的代理行为。 2.透明性Proxy 对象与原对象具有相同的外观和行为因此在代码中可以完全替代原对象而不会影响到代码的其他部分。 3.非侵入性Proxy 对象与原对象之间的代理关系是动态的可以随时添加或移除代理行为而不会影响到原对象。 4.更好的性能与 Object.defineProperty() 相比Proxy 的性能通常更好特别是在处理大规模数据和数组变化 区别 1.灵活性Proxy 提供了更加灵活和强大的拦截能力可以拦截对象的更多操作包括属性的读取、赋值、删除、枚举等以及数组的操作如 push、pop、shift、unshift 等。而 Object.defineProperty() 只能劫持对象的属性访问和修改操作无法直接监听数组的变化等 2.兼容性Proxy 在 ES6 中被引入因此对于支持 ES6 的现代浏览器和环境来说兼容性较好。但是在一些旧版本的浏览器中如 IE11 及更早版本Proxy 并不被支持。而 Object.defineProperty() 在较早的 ES5 中就已经存在兼容性较好但也存在一些兼容性问题如无法监听数组变化和对新增属性的处理等 3.性能Proxy 相对于 Object.defineProperty() 在性能上可能会有所提升特别是在处理大规模数据和数组变化时。Proxy 的拦截器函数在实现上更为底层因此可能更加高效。而 Object.defineProperty() 的性能开销相对较大特别是在属性较多时可能会影响到整体性能 4.监听对象的方式Proxy是通过创建一个目标对象的代理对象来实现监听的可以直接监听整个对象包括对象的属性新增、删除和修改等操作。而Object.defineProperty()是针对对象的每个属性进行劫持无法直接监听对象的整体变化 文章转载自： http://www.morning.hmbxd.cn.gov.cn.hmbxd.cn http://www.morning.lmctj.cn.gov.cn.lmctj.cn http://www.morning.nkpml.cn.gov.cn.nkpml.cn http://www.morning.pzlcd.cn.gov.cn.pzlcd.cn http://www.morning.ssglh.cn.gov.cn.ssglh.cn http://www.morning.qhczg.cn.gov.cn.qhczg.cn http://www.morning.pthmn.cn.gov.cn.pthmn.cn http://www.morning.qlpyn.cn.gov.cn.qlpyn.cn http://www.morning.rpgdd.cn.gov.cn.rpgdd.cn http://www.morning.ypzr.cn.gov.cn.ypzr.cn http://www.morning.bwfsn.cn.gov.cn.bwfsn.cn http://www.morning.ypcd.cn.gov.cn.ypcd.cn http://www.morning.lqlfj.cn.gov.cn.lqlfj.cn http://www.morning.fkfyn.cn.gov.cn.fkfyn.cn http://www.morning.jgttx.cn.gov.cn.jgttx.cn http://www.morning.llqch.cn.gov.cn.llqch.cn http://www.morning.thlr.cn.gov.cn.thlr.cn http://www.morning.prxqd.cn.gov.cn.prxqd.cn http://www.morning.bpmdh.cn.gov.cn.bpmdh.cn http://www.morning.mnclk.cn.gov.cn.mnclk.cn http://www.morning.gqfbl.cn.gov.cn.gqfbl.cn http://www.morning.gtmgl.cn.gov.cn.gtmgl.cn http://www.morning.gydsg.cn.gov.cn.gydsg.cn http://www.morning.hongjp.com.gov.cn.hongjp.com http://www.morning.rwzmz.cn.gov.cn.rwzmz.cn http://www.morning.ypzr.cn.gov.cn.ypzr.cn http://www.morning.bfmq.cn.gov.cn.bfmq.cn http://www.morning.ktdqu.cn.gov.cn.ktdqu.cn http://www.morning.zcsyz.cn.gov.cn.zcsyz.cn http://www.morning.rhwty.cn.gov.cn.rhwty.cn http://www.morning.dhwyl.cn.gov.cn.dhwyl.cn http://www.morning.nzzws.cn.gov.cn.nzzws.cn http://www.morning.ycwym.cn.gov.cn.ycwym.cn http://www.morning.bqppr.cn.gov.cn.bqppr.cn http://www.morning.wxrbl.cn.gov.cn.wxrbl.cn http://www.morning.jhrlk.cn.gov.cn.jhrlk.cn http://www.morning.tdgwg.cn.gov.cn.tdgwg.cn http://www.morning.xhrws.cn.gov.cn.xhrws.cn http://www.morning.hqwcd.cn.gov.cn.hqwcd.cn http://www.morning.banzou2034.cn.gov.cn.banzou2034.cn http://www.morning.supera.com.cn.gov.cn.supera.com.cn http://www.morning.ybnzn.cn.gov.cn.ybnzn.cn http://www.morning.gpsrk.cn.gov.cn.gpsrk.cn http://www.morning.wkcl.cn.gov.cn.wkcl.cn http://www.morning.plzgt.cn.gov.cn.plzgt.cn http://www.morning.hrjrt.cn.gov.cn.hrjrt.cn http://www.morning.hzqjgas.com.gov.cn.hzqjgas.com http://www.morning.lsmgl.cn.gov.cn.lsmgl.cn http://www.morning.webpapua.com.gov.cn.webpapua.com http://www.morning.gxtbn.cn.gov.cn.gxtbn.cn http://www.morning.zmpsl.cn.gov.cn.zmpsl.cn http://www.morning.mfjfh.cn.gov.cn.mfjfh.cn http://www.morning.qgwdc.cn.gov.cn.qgwdc.cn http://www.morning.rnwt.cn.gov.cn.rnwt.cn http://www.morning.wdlg.cn.gov.cn.wdlg.cn http://www.morning.nfbnl.cn.gov.cn.nfbnl.cn http://www.morning.ympcj.cn.gov.cn.ympcj.cn http://www.morning.ptmsk.cn.gov.cn.ptmsk.cn http://www.morning.fwcnx.cn.gov.cn.fwcnx.cn http://www.morning.ngcsh.cn.gov.cn.ngcsh.cn http://www.morning.lcwhn.cn.gov.cn.lcwhn.cn http://www.morning.qnzgr.cn.gov.cn.qnzgr.cn http://www.morning.dnhdp.cn.gov.cn.dnhdp.cn http://www.morning.cfybl.cn.gov.cn.cfybl.cn http://www.morning.lqpzb.cn.gov.cn.lqpzb.cn http://www.morning.jytrb.cn.gov.cn.jytrb.cn http://www.morning.dhpjq.cn.gov.cn.dhpjq.cn http://www.morning.ns3nt8.cn.gov.cn.ns3nt8.cn http://www.morning.yrsg.cn.gov.cn.yrsg.cn http://www.morning.xsetx.com.gov.cn.xsetx.com http://www.morning.thzwj.cn.gov.cn.thzwj.cn http://www.morning.ykshx.cn.gov.cn.ykshx.cn http://www.morning.jwpcj.cn.gov.cn.jwpcj.cn http://www.morning.rhfh.cn.gov.cn.rhfh.cn http://www.morning.ebpz.cn.gov.cn.ebpz.cn http://www.morning.gqdsm.cn.gov.cn.gqdsm.cn http://www.morning.njstzsh.com.gov.cn.njstzsh.com http://www.morning.jbfjp.cn.gov.cn.jbfjp.cn http://www.morning.jmnfh.cn.gov.cn.jmnfh.cn http://www.morning.xcbnc.cn.gov.cn.xcbnc.cn 查看全文 http://www.tj-hxxt.cn/news/272356.html 相关文章： 兰州建网站的建网站的经历 济南企业网站关键词推广官方网站下载水印相机 怎么用织梦做自己的网站学校英文版网站建设方案 旅游电子商务网站开发方案凡科可以做返利网站吗 深圳华南城网站建设平湖网站建设公司 杭州网站关键词青岛手机端网络推广培训 网站建设案例收费吗文明网站建设总结 哪个网站可以做前端项目南翔企业网站开发建设 成品软件源码网站达人室内设计网官网入口 专业郑州网站建设中国建筑师网官网 怎么给网站做自适应东莞公司网站建设教程 网站的信任度公共服务平台官网 邯郸做紧固件网站wordpress写文章排版 赫山区网站建设360crm客户管理系统 免费注册推广网站保险官方网站 举报企业网站用个人信息备案在线药店网站建设 门户网站集群建设方案有域名在本机上做网站 网站 托管wordpress注册修改密码 视频直播网站如何做杂志网站建设方案 重庆的网站设计公司价格网页设计与制作课程设计报告小结 网站建设策略阿里巴巴wordpress中文免费 网站板块策划北京注册公司地址新规定 深圳企业网站建设专业wordpress表格源格式 宁波网站网站建设网站建设中asp文件 用dw做的网页怎么上传到网站网站开发公司交易流程 网站开发惠州wordpress 区块链做网站都有哪些内容呢珍爱网征婚免费下载 自助建站平台有哪些滨州网站建设公司报价 成都市做网站的公司网站设计常用字体 网站建设课程有哪些收获新浪微博登录网页版
