![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
IT瓜哥-杨得朝
多年JavaWeb开发,K8S,大数据开发10+年经验,具有多个大型项目实战经验。擅长分布式系统,微服务系统架构与设计,尤其对海量日志收集和存储非常熟悉,熟悉大数据云计算相关技术,参与过docker,mesos,marathon,elasticsearch、rbbitMq,springCloud,hadoop,spark,hibv,hase等相关技术系统开发和架构设计,此外对分布式对象存储ceph等相关数据有所涉猎。
展开
-
JavaScript模拟Vue实现双向绑定
最近一直做vue相关项目开发,对于vue的底层原理不是很清楚,今天搜集各种资料并整理 1、MVVM介绍 我们知道Vue是基于MVVM的一个前端框架,首先来介绍下什么是MVVM? M:模型层,主要负责业务数据相关; V:视图层,顾名思义,负责视图相关,细分下来就是html+css层; VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点; 其次,使用Object.defineProperty实现MVVM的表单数据双向绑定,当修改data属性之后,Vue立刻监听到,data原创 2020-11-24 16:05:26 · 137 阅读 · 0 评论 -
Vue中v-if和v-show的不同及其实现原理
各位好,本人瓜哥,最近接触前端项目比较多,尤其当前vue使用相当流行。对于vue中的条件指令v-if和v-show更容易混淆。 相应使用演示请下载https://gitee.com/yangdechao_admin/vue-guage.git,具体代码请查看demo1.vue 实现原理 v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐 使用了 v-if 的时候,如果值为 false ,那么页面将不会有这个 html 标签生成。 ..原创 2020-11-24 14:31:26 · 1746 阅读 · 0 评论