- 博客(2)
- 资源 (5)
- 收藏
- 关注
原创 Vue.js - 模拟Vue.js响应式原理(2/2)
项目仓库:xxxxx一. 类的说明Vue类 :保存传入的选项数据,把选项data中的成员注入vue实例(可用this.msg访问),调用observer对象监听数据变化,调用compiler对象解析指令和差值表达式。Observer类:把data选项中属性转换成响应式数据(若data某个属性是对象,该对象的属性也具有响应式),数据变化发送通知。Compiler类:负责编译模板并解析指令和差值表达式,负责页面视图首次渲染,以及数据变化后的重新渲染。Dep类:观察者模式中的发布者,用
2021-04-15 21:57:12 348
原创 Vue.js - Vue.js响应式原理(1/2)
一. 数据驱动数据响应式:数据改变,则视图改变,避免频繁的Dom操作,提高运行效率双向绑定:数据改变,则视图改变;视图改变,则数据也随之改变数据驱动:开发过程中只需关注数据本身,不用关心数据如何渲染出视图二. Vue.js 数据响应式原理2.1Vue2数据响应式原理 - Object.defineProperty - 兼容IE9及以上<html><head></head><body> <h1>Vue响应式..
2021-04-14 21:35:22 391
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人