博客摘录「 mvvm框架工作原理及优缺」2023年7月31日

chatgpt/2023/9/26 14:38:39

mvvm 的核心是数据劫持、数据代理、数据编译和"发布订阅模式"。

1、数据劫持——就是给对象属性添加get,set钩子函数。

● 1、观察对象,给对象增加 Object.defineProperty

● 2、vue的特点就是新增不存在的属性不会给该属性添加 get 、 set 钩子函数。

● 3、深度响应。循环递归遍历 data 的属性,给属性添加 get , set 钩子函数。

● 4、每次赋予一个新对象时(即调用 set 钩子函数时),会给这个新对象进行数据劫持( defineProperty )

2、数据代理  将 data , methods , compted 上的数据挂载到vm实例上。让我们不用每次获取数据时,都通过 mvvm._data.a.b 这种方式,而可以直接通过 mvvm.b.a 来获取

3、数据编译把 {{}} , v-model , v-html , v-on ,里面的对应的变量用data里面的数据进行替换。

4、发布订阅发布订阅主要靠的是数组关系,订阅就是放入函数(就是将订阅者添加到订阅队列中),发布就是让数组里的函数执行(在数据发生改变的时候,通知订阅者执行相应的操作)。消息的发布和订阅是在观察者的数据绑定中进行数据的——在get钩子函数被调用时进行数据的订阅(在数据编译时通过 new Watcher() 来对数据进行订阅),在set钩子函数被调用时进行数据的发布

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-5313451.html

如若内容造成侵权/违法违规/事实不符,请联系郑州代理记账网进行投诉反馈,一经查实,立即删除!

相关文章

WeakCache二级缓存

WeakCache弱缓存略析 一、WeakCache类总览二、WeakCache属性三、WeakCache构造方法四、WeakCache的内部类4.1 Value接口4.2 Factory内部类4.2.1 Factory属性4.2.1 Factory公开方法 4.3 CacheValue内部类4.4 CacheKey内部类4.5 LookupValue内部类 五、WeakCache的公开方法六、提…

[运维|系统] debian系系统设置本地编码

使用locale命令查看当前的系统编码: locale如果需要更改系统编码,可以使用类似下面的命令来生成相应的locale设置(以UTF-8为例): sudo locale-gen en_US.UTF-8这会生成UTF-8编码的英文(美国)环境,并更新系…

某某某小说app接口抓包分析

详细说明查看原文 https://sdk.qzbonline.com/ver9/shuhuajs/sdk/ioszh_shuhuajs_conf.htmlhttps://sdk.qzbonline.com/prov8/ymqxs/sdk/ios_ymqxs_conf.htmlhttps://sdk.qzbonline.com/prov8/ymqxs/sdk/ios_ymqxs_conf2.htmlhttps://sdk.qzbonline.com/prov8/fqhyxs/sdk/iosz…

django实现部门表的增删改查界面

1、前期准备 部署好mysql数据库,创建好unicom数据库下载好bootstap的插件下载好jquery的插件下载好mysqlclient-1.4.6-cp36-cp36m-win_amd64.whl的安装包,根据python的版本下载 2、创建项目 在pycharm中创建项目 在pycharm的终端创建虚拟环境 py -m v…

DHorse v1.3.0 发布,基于k8s的发布平台

综述 DHorse是一个简单易用、以应用为中心的云原生DevOps系统,具有持续集成、持续部署、微服务治理等功能,无需安装依赖Docker、Maven、Node等环境即可发布Java、Vue、React应用,主要特点:部署简单、操作简洁、功能快速。 新增特…

Jetson Nano开机自动进入桌面环境设置,不需要每次输入sudo init 5

如果在 Jetson Nano 上找不到 /etc/default/grub 文件,则说明 Jetson Nano 使用的是 NVIDIA 发布的 JetPack 软件包,并且该软件包使用的是 L4T(Linux for Tegra)操作系统。在这种情况下,您可以按照以下步骤来设置 Jets…

VBAC多层防火墙技术的研究-状态检测

黑客技术的提升和黑客工具的泛滥,造成大量的企业、机构和个人的电脑系统遭受程度不同的入侵和攻击,或面临随时被攻击的危险。迫使大家不得不加强对自身电脑网络系统的安全防护,根据系统管理者设定的安全规则把守企业网络,提供强大的、应用选通、信息过滤、流量控制、网络侦…

ns3.39编译时报错与解决_包括netanim-3.109(NetAnim)

ns(来源于“network simulator”)是一系列离散事件网络模拟器,包括ns-1、ns-2和ns-3。他们主要应用于研究和教学。ns-3是自由软件,以GNU GPLv2协议分发。​——百度百科 熟悉ns的朋友都知道,使用build.py编译时会先编…
推荐文章