前端开发

vue.js 实现响应式数据同步的原理,底层逻辑实现代码

底层的原理是实用数据代理,利用js的defineProperty函数 实现思路: 1、先创建一个原始对象data; 2、创建一个监听对象Observer,监听data属性变化 3、通过Object.keys把data里的所有元素,生成为数组 4、遍历数组,生成数据代理obs,obs=data数据同步 5、创建实例对象vm,vm._data = data =obs

vue中的6种事件修饰符

Vue中的事件修饰符: 1.prevent:阻止默认事件(常用); 2.stop:阻止事件冒泡(常用); 3.once:事件只触发一次(常用); 4.capture:使用事件的捕获模式; 5.self:只有event.target是当前操作的元素时才触发事件; 6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕