主要介绍了Vue数据驱动模拟实现的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、前言 在”模拟Vue之数据驱动4″中，我们实现了push、pop等数组变异方法。 但是，在随笔末尾我们提到，当pop、sort这些方法触发后，该怎么办呢？因为其实，它们并没有往数组中新增属性呢。 而且，当数据改动后，如果我们在变动数据处，就立即更改数据也未免性能不够，此时，走读Vue源码，发现他用了一个很巧妙的方法，就是职责链模式。当某个数据有所变动时，它会向上传递，通俗点就是冒泡至根结点，这样我们也可以在自己代码中使用事件代理咯，哇卡哇卡。 示意图如下所示： 好了，说了这么多，我们下面

飞飞音乐网（WebApp） 为了打代码能快地飞起还能听歌。所以利用了工作之余的时间由我个人独立开发。使用H5音频元素开发出了此webApp被称为飞飞音乐 效果演示 手机扫一扫 或者点击（请用chrome手机模式预览） 技术栈 Vue2.5用于重建用户界面的MVVM框架，数据驱动视图 axios用来请求网络请求预设API音乐数据 vue-router为单页面应用提供的路由系统使用了 vue-aplayer音乐播放组件，实现分区共享音乐 element-ui UI框架布局，使用简单图标，弹框 npr