使用过 Vue 的小伙伴，不管时 Vue2 还是 Vue3，我相信你都用过 Vue 中的监听器。监听器的作用就和它的名字一样：用来监听某个东西是否发生变化！

大家都知道，Vue2 里的响应式其实有点像是一个半完全体，对于对象上新增的属性无能为力，对于数组则需要拦截它的原型方法来实现响应式。 这种时候，Vue 提供了一个 api：this.$set，来使得新增的属性也拥有响应式的效果。 但是对于很多新手来说，很多时候需要小心翼翼的去判…

一、谈谈你对MVVM的理解？ 映射关系简化，隐藏controller MVVM在MVC的基础上，把控制层隐藏掉了。 Vue不是一个MVVM框架，它是一个视图层框架。 ViewModal是一个桥梁，将数

在我们做后台管理系统的时候，其实我们接触最多的组件就是`表格组件`了，所以表格组件的好用与否，直接关系到我们做后台管理系统的`效率`了. 那么今天我们讲一下，如何对`element-ui`的表格组件做

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind="$attrs" 则会带来极大的便利，但同时也会有一些隐患在其中。 于是我发现这个“bug”，并迅速打开 gayhub 提了个 issue…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

非父子组件的通信传递 Vue Event Bus，使用Vue的实例，实现事件的监听和发布，实现组件之间的传递。 基本是大部分的公司或者项目都是用前面两种，我司也不例外；好像曾经在官方文档看到过，vuex 适合用在大型的项目中。第三种方式我曾在我的毕设中用到过，其他地方我好像目前…

想知道如何使用`$attrs`和`$listeners`实现爷孙组件的数据通信吗？那就快来看看这篇文章吧！