能够根据外部传入的total(数据总数)，以每页10条数据变化页面总数。 页数pages小于8时，显示全部页码。 页数pages大于7时，自动调整显示的页码，其余页码省略代替。 页数pages大于7时，页码显示规则为显示当前页（current）+-2个页码以及第一页和最后一页页…

去年Vue3.0正式版本推出，受到很多人的追捧。vue3.0中也对dom-diff算法进行了优化，其中就用到了 「最长递增子序列」。 先简要介绍下基础背景。我们在vue开发项目的时候，常用模板或者jsx语法来编写DOM。实际上我们编写的代码会被@vue/compiler-dom…

许多Vue模式涉及使用props将数据从父组件传递到子组件。但如果我们需要一个子组件将数据传给它的父组件呢？ 使用 emit，我们可以触发事件并将数据传递到组件的层次结构中。这对下面几种情况很有用，如

本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法，希望对你有一点点帮助，奥力给

Vue3摒弃了传统的Object.defineProperty，转而使用Proxy来代替响应式，使用前者来完成劫持对象的属性时，不仅需要对每个涉及响应式的对象进行遍历，而如果是对数组进行响应式...

这可能是目前最便捷、最合适的 Icon 使用方式了，特别是在 Vue3 中，等等，你以为它只是适用于 Vue？或者是只适用于 Vue3？不，不要被标题欺骗 . . .

上篇文章我们实现了基本的响应式系统，这篇文章继续实现 computed。 首先，我们简单回顾一下： 响应式系统的核心就是一个 WeakMap --- Map --- Set 的数据结构。 WeakMa

所谓 diff 算法，就是通过比对新旧两个虚拟节点不一样的地方，针对那些不一样的地方进行新增或更新或删除操作。接下来我们详细介绍节点更新的过程。

这篇文章根本没有说清楚，或者说根本就说错了。可能不知道误导了多少人，而且网上对于该问题的解释都一致的看向源码中的： data.call(vm, vm) 并没有实现我们想要的功能。 这里遍历了我们之前所取到的 data，对其中每一个属性都进行了proxy(vm,_data, ke…