Vue发布订阅模式

2024-04-30    分类: 网站建设

在 Vue 的使用过程中会遇到发布与订阅的场景,这样一说大家可能不太懂,我换一个词“数据双向绑定” 这样大家是不是就懂了,但是发布订阅是怎么实现的呢?接下来就由成都网站建设工程师来为大家讲解。

我们知道 Vue 内部是实现了双向绑定机制,使得我们不用再像从前那样还要自己操作 DOM 了。

其实 Vue 的双向绑定机制采用数据劫持结合发布/订阅模式实现的:通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。

我发现有的人把观察者模式和发布/订阅模式混淆一谈,其实订阅模式有一个调度中心,对订阅事件进行统一管理。而观察者模式可以随意注册事件,调用事件。

一个大概的流程图,用来说明观察者模式和发布/订阅模式,如下:

成都网站建设

这块我会在接下的文章中详细讲到,这里先给出一个概念,感兴趣的可以自己查找资料,也可等我的文章出炉。

其实我们对这种模式再熟悉不过了,但可能你自己也没发现:

成都网站建设

可以思考下上面的事件绑定执行的一个过程,你应该会有共鸣。

以上关于发布与订阅模式属成都网站建设工程师的个人观点,大家如果对此有着不同的见解,可以关注公众号“创新互联派”给我留言,大家可以交流一下自己的心得体会,共同学习进步。

新闻名称:Vue发布订阅模式
网站URL:/news39/326789.html

成都网站建设公司_创新互联,为您提供营销型网站建设网站策划企业网站制作品牌网站制作标签优化网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设