实现Vue2响应式之改写数组方法【Vue】

作者: 前端小野2分类: 野生技能协会 发布时间: 2020-11-13 11:16:30 浏览:2399 次

实现Vue2响应式之改写数组方法【Vue】

kingtopyuan:
数组原型这一块我觉得up应该增加object.create的使用方法说明,否则观众看不懂你说的新原型,旧原型 Object.create(proto, 【propertiesObject】) //这个方法是使用现有原型对象创建新对象,新对象的proto就是原来的原型对象。 js的原型有点搞人啊,确实很绕,up可以再细致点,总体讲的还是不错的。

啊啊噶阿斯顿:
如果数组内arr内只有一个元素 ,在重写数组原生方法前 给arr「1」赋值,是否会触发更新呢

【回复】视频里是基本实现一下,一些细节可以看Vue源码是如何实现的~
Vue初学者哈哈:
最主要的是更新识图那一步。其实可以带上界面,比如界面上展示的是red orange green,经过调用,重写的这个push。push一个yellow,页面就加了一个yellow带上整个过程直观吧

【回复】你说的很对,这个想法非常好~
天猫精灵998:
Vue中通过下标修改数组是不会触发更新的吧

【回复】对的,Vue源码里会对数组和对象在做个判断~

知识分享官 JAVASCRIPT WEB JS 前端 VUE WEB前端 bilibili新星计划

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!