vue
文章平均质量分 91
蓝色香蕉船
这个作者很懒,什么都没留下…
展开
-
Vue学习笔记:理解Vue2如何解决数组和对象的响应式问题
目录前言基本的代码对复杂对象的处理对Array的处理完整代码仍存在的问题参考的资料 前言 Vue2是通过用Object…defineProperty来设置数据的getter和setter实现对数据和以及视图改变的监听的。对于数组和对象这种引用类型来说,getter和setter无法检测到它们内部的变化。那么Vue2是则么来解决这个问题的呢? 通过一个简单的例子来理解Vue2中是如何解决数组和对象的响应式问题。 基本的代码 <html> <head> </head>原创 2021-10-24 21:36:05 · 7254 阅读 · 1 评论 -
Vue学习笔记:Vue2响应式原理理论
目录前言什么是响应式预备知识Object.defineProperty观察者模式Vue2实现响应式的过程参考资料 前言 React,Angular,Vue三大框架的火热,响应式功不可没。响应式通过数据的变更直接更新视图省去了繁杂的Dom操作。当前React主要是用虚拟Dom+diff算法来实现响应式,Vue2使用object的defineProperty和观察者模式来实现响应式。本文主要是我学习vue2响应式原理的一个记录。首先介绍下什么是响应式,接着了解下Object.defineProperty和观察者原创 2021-10-24 21:26:06 · 485 阅读 · 0 评论 -
给自定义组件加上v-decorator验证
目录前言1. 了解v-decorator的本质和绑定的过程2. 例子:给自定义的列表组件绑定v-decorator 前言 在项目中用ant-design-vue 来做开发,用到的表单涉及到自定义组件,想用v-decorator的机制来统一的做表单验证,通过查询antdv的官网和vue的官网有了思路,v-decorator本质上就是在v-modal的基础上加了一些验证相关的规则和功能,而v-modal是通过对组件value和 onchange函数的管理来实现表单数据的双向绑定的,那我们只要给自定义组件添加va原创 2021-10-12 20:33:34 · 1813 阅读 · 0 评论