let obj1 = { x: 10 }
let obj2 = { y: 20 }
Object.defineProperty(obj2, ‘x’, {
get() {
return obj1.x
},
set(value) {
obj1.x = value
}
})
说明:这里主要是为pbj2新添加了属性‘x’,同时这里的get()\set()均为x属性的方法,这里的作用是将obj1和obj2两者关联起来.
get是获取到obj1的属性值,set作用是为了让当obj2改变的时候,同时也改变obj1;obj1shuangxiang.x改变的时候obj2也得到相应的改变,从而达到数据的双向绑定
3.vue中的数据双线绑定的原理
首先这里先提一下vue中MVVM模型,其中:
-
M指的是model,即是data中的数据
-
VM指的是ViewModel,即是视图模型,即是vue实力
-
V指的是View,即是视图层
-
在vue中会观察发现:
-
data中的所有属性,最后都出现在了vm身上
-
vm身上的所有属性及vue原型上所有,在Vue模板中都可以直接使用
其中也是运用到了数据代理原理,如下图所示
总结:
- vue中的数据代理:通过vm对象来代理data对象中属性的操作(读/写)
- vue中数据代理的好处:更加方便的操作data中的数据
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
最后写上我自己一直喜欢的一句名言:
世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它
一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**