v-memo、defineOptions、useTemplateRef 等 7 个 Vue 隐藏技巧，让模板更简洁、组件更可控、性能更优，面试答出一条即可加分。

引言 在现代前端开发中，状态管理是一个不可忽视的重要部分。随着应用复杂度的增加，状态管理的难度也随之提升。Vue 3作为一种流行的前端框架，其生态系统中提供了多种状态管理方案，而Pinia则作为Vue

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

创建parent和child组件，并在parent中注册child组件 在父组件调用子组件标签中添加一个自定义属性(msg)， 在子组件的props中将parent中自定义的属性(msg)添加进去,然后就可以像data中定义的属性一样使用 在父组件中的子标签中监听该自定义事件(…

在学习了ES6的Proxy和Reflect以后，去看了一些Proxy的使用场景。其中就有Proxy在Vue2.x中的应用。从Vue的响应式原理出发，对比响应式原理在Vue2.x和Vue3.0中的实现。

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。 给HTML的DOM节点加一个不重复data属性(形如：data-v-2311c06a)来表示他的唯一性。 在每句css选择器的末尾（编译后的生成的css语句）加一个当前组件的data属性…

我们平常在开发过程中特别是Vue技术栈的前端同学们，经常会用到一些UI组件库，特别是element-ui使用的频率是比较高的，我们经常会修改这些UI组件库的默认样式时会使用到深度选择器，大家都知道这么

因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…