金狮镖局 Design By www.egabc.com
vue项目中不同组件间通信一般使用vuex,通常情况下vuex和EventBus不应该混用,不过某些场景下不同组件间只有消息的交互,这时使用EventBus消息通知的方式就更合适一些。
图解
html
<body> <script src="/UploadFiles/2021-04-02/Dvue.js">Dvue.js
class DVue { constructor(options) { this.$options = options // 数据响应化 this.$data = options.data this.observe(this.$data) // 模拟一下watcher创建 // 激活get 并将依赖添加到deps数组上 new Watcher() this.$data.test new Watcher() this.$data.foo.bar } observe(value) { // 判断value是否是对象 if (!value || typeof value !== 'object') { return } // 遍历该对象 Object.keys(value).forEach(key => { this.defineReactive(value, key, value[key]) }) } // 数据响应化 defineReactive(obj, key, val) { // 判断val内是否还可以继续调用(是否还有对象) this.observe(val) // 递归解决数据嵌套 // 初始化dep const dep = new Dep() Object.defineProperty(obj, key, { get() { // 读取的时候 判断Dep.target是否有,如果有则调用addDep方法将Dep.target添加到deps数组上 Dep.target && dep.addDep(Dep.target) return val }, set(newVal) { if (newVal === val) { return; } val = newVal // console.log(`${key}属性更新了:${val}`) dep.notify() // 更新时候调用该方法 } }) } } // Dep: 用来管理Watcher class Dep { constructor() { // 这里存放若干依赖(watcher) |一个watcher对应一个属性 this.deps = []; } // 添加依赖 addDep (dep) { this.deps.push(dep) } // 通知方法 notify() { this.deps.forEach(dep => dep.update()) } } // Watcher class Watcher { constructor () { // 将当前watcher实例指定到Dep静态属性target上 Dep.target = this // 当前this就是Watcher对象 } update() { console.log('属性更新了') } }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
Vue,订阅模式
金狮镖局 Design By www.egabc.com
金狮镖局
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金狮镖局 Design By www.egabc.com
暂无Vue发布订阅模式实现过程图解的评论...
更新日志
2024年09月25日
2024年09月25日
- 纯音入心系列纯音乐《天籁古筝》1CD[MP3][331MB]
- 男女对唱典藏天碟《发烧对唱·那个季节里的歌DSD》10CD[WAV]
- 群星2010-歌林精选辑[歌林][WAV+CUE]
- TrioZimbalist-PianoTriosofWeinberg,Auerbach,Dvorak(2024)[24-44,1]wav
- 群星.1992-滚石第一流台湾歌·12王牌大车拼【滚石】【WAV+CUE】
- 林子祥.1984-创作歌集【华纳】【WAV+CUE】
- 周汤豪.2010-周汤豪【华纳】【FLAC分轨】
- Mozart-TheStringQuintets-AmadeusQuartet,CecilAronowitz(2017)[24-44,1][WAV+CUE]
- JamesWilliamsDennisIrwin-Focus(2024,Red)[24-48]FLAC
- 藤泽麻衣《空みあげて》[WAV]
- 纯音入心系列纯音乐《中国古筝经典名曲》1CD[MP3][1.3GB]
- 纯音入心系列纯音乐《古筝新奏:岁月静好与筝语,细水流年与筝同》1CD[MP3][846.9MB]
- 670《脆弱敏感小女生》[320K/MP3][27.53MB]
- 曾琳.2011-好好爱我【南方】【WAV+CUE】
- 范晓萱.1995-RAIN【福茂】【WAV+CUE】