特点:本文主要是参考了官方文档.除了不常用的过渡动效和数据获取,都进行了分析说明.说明:每一节都在文档的基础上进行了更通俗的解释;例子:每一节都添加了单独的例子进行详细的说明,官方没有或复杂或略过的都有详细的说明.总结:每一节都会有tips注意点,实际开发的经验和总结. 如果是…

是从 Vue 2 开始学基础还是直接学 Vue 3 ？尤雨溪给出的答案是：“直接学 Vue 3 就行了，基础概念是一模一样的。“尤雨溪喊你学Vue3了！

相信只要去面试 Vue，都会被用到 vue的双向数据绑定，你如果只说个 mvvm就是视图模型模型视图，只要数据改变视图也会同步更新，那可能达不到面试官想要的那个层次。甚至可以说这一点就让面试官觉得你知识了解的还不够，只是粗略地明白双向绑定这个概念。 目前几种主流的 mvc(vm…

学习源码的目标是学习其中的设计思路，在工作业务中就可利用这些思路编写我们的项目。对于数据劫持这一块，是比较重要而且有价值学习的，今天，带着好奇心来探讨学习一下，首先，我们得明白数据劫持目的是什么，它到底做了啥？ 我们不希望原生的对对象或者数组的操作，仅仅是一个单纯的操作，我们希…

就目前所了解的情况，key的作用有以下这些。 在Vue.js中，key是6个特殊属性key, ref, is, slot, slot-scope, scope其中之一。 key的值可以是number，也可以是string。 key主要作用于Vue的virtual DOM算法，在…

computed是响应式的，methods并非响应式。 computed是带缓存的，只有依赖数据发生改变，才会重新进行计算，而methods里的函数在每次调用时都要执行。 如果声明的计算属性计算量非常大的时候，而且访问量次数非常多，改变的时机却很小，那就需要用到computed…

Virtual DOM 虚拟dom 是对DOM 的抽象，本质上是javascript对象，这个对象就是更加轻量的描述DOM。简写vdom； 前端性能优化（减少操作DOM）， 因为频繁操作DOM会造成浏览器的回流或者重绘，因此需要这一层抽象，在patch更新过程中尽可能地一次性将…

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

又重复写模版了... table 作为数据展示组件，在日常开发中经常被用到，通过这篇文章，可以看到结合 vue 的 slot/component 特性，做一层封装，可以大大简化 table 的使用，大部分时候只需写一个配置属性就可以了。