源码分析Vue.js的监听实现教程

前端之家收集整理的这篇文章主要介绍了源码分析Vue.js的监听实现教程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_4030@

前言


@H
403_0@相信一说到监听,当然就离不了设计模式中鼎鼎大名的观察者模式。举个例子,你家后院着火了,可一定要等到烟雾很大火光很亮你才能发现啊,可是当你安装了一个火灾预警器,当发生火灾就立马能够通知到你了。这就是一个典型的观察者模式。当然也还有一些其他变种,比如发布/订阅(publish/subscribe)模式。


@H_4030@我们知道如果要将数据和视图关联起来,在数据变更的时候,同步视图,同理视图变更,数据也发生变化。vue.js是怎么实现这个的呢?下面我们来揭开它的神秘面纱。


@H
4030@

demo:


<div class="jb51code">
<pre class="brush:xhtml;">
<script src="../vue.js">
<div id="app">
@H
403_0@
{{ message }}

@H_403_0@最后一个将不会打印出来,因为已经取消订阅了。

@H_403_0@

总结

@H_403_0@以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持

原文链接:https://www.f2er.com/vue/39779.html

猜你在找的Vue相关文章