在前一篇文章——聊一聊实现Vue路由组件缓存遇到的’坑‘中遇到的vue路由组件缓存问题已经解决并对项目进行了适当的优化改进，但是并未开探寻究vue-router的源码，这篇就继续上次的话题，深入分析vue-router源码中对导航守卫、动态参数匹配、过渡效果和异步组件等的实现。…

目录v-model的神奇你好奇input事件是什么？组件中的v-model组件的v-model生效原则给组件绑定v-model v-model的神奇htmljs一旦我们输入的值发生变化,data中的p

熟悉 Vue 的同学们都知道，Vue 有个 nextTick 方法，用来异步更新数据。 看起来似乎一切正常，我们在给数组添加了一条数据之后，页面也确实对应的更新了。可是，当我们在打印这个 ul 元素里 li 的 length 时，问题出现了： 这时候如果我们有需求需要通过 li…

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

我平常比较喜欢对一些东西做一些记录和总结，其中包括一些组件，积累的量比较多的时候，发现零散的堆积已经不太适合进行管理了。 于是我开始参考市场上一些优秀的 UI 组件库，比如 element-ui、vux、 vant等，对其源码进行拜读，了解其架构的搭建，随后整理出一套属于自己的…

2 事件，主要是当鼠标移动的时候，显示滚动条。 其中state表示状态，是在运行时可发生改变的，而 ops 则是配置参数，是用户传过来的。 取得子组件的dom元素，用来取得dom的实时信息。 resizeVBarTop,为了防止误差，并且可以求出滚动条距离父元素的高度。 监听滚…

每个vuex 应用只有一个 store 实例，所以使用起来不会太复杂，对于定位错误状态和操作会很方便。 每当 store.state.count 变化的时候, 都会重新求取计算属性，并且触发更新相关联的 DOM。 然而，这种模式导致组件依赖全局状态单例。在模块化的构建系统中，在…

可以看看。

关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。 在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是： 官方推荐的状态管理方案是 Vuex。不过如果项目不是很大，状态管理也没有很复杂的话，…