我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，

之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是Vue，所以免不了问到其响应式原理和Vue的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理

一、 首先比较一下新旧节点是不是同一个节点（可通过比较sel（选择器）和key（唯一标识）值是不是相同），不是同一个节点则进行暴力删除（注：先以旧节点为基准插入新节点，然后再删除旧节点）。 新节点有子节点，这个时候就要仔细考虑一下了:若老节点没有子元素，则直接清空老节点，将新节…

前言vue2面试题(针对一些常问的)1.说一下computed和watch区别是什么vue2核心原理(简易)-computed笔记vue2核心原理(简易)-watch笔记2.说一下响应式数据的理解Vu

前言本章项目地址当数据发生变化视图也在发生变化每个组件都有一个渲染watchernewWatch()(观察者模式）在newWatche()组件开始渲染组件，在render函数生成vnode时，调用了劫

一直以来我对vue中的watch和computed都一知半解的，知道一点(例如：watch和computed的本质都是new Watcher,computed有缓存，只有调用的时候才会执行，也只有当依赖的数据变化了，才会再次触发...)，然后就没有然后了。 也看了很多大佬写的文…

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

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

在之前总结我对Vue项目团队开发的一些基本配置封装分享文章中，我们已经对大部分的常见封装都做出了处理，从API约定式到Model数据层，这类行为都赋予了项目更加自动化的处理方式，使团队前端工程师不需要关注生成，而只需要注意代码结果和代码质量，从而得到更多实践上得意义。 同时，对…