Vue--》打造细腻颗粒感 —— 细分组件颗粒图

写文背景：当涉及到前端开发时，我们经常会发现自己在不同的组件中复用相似的逻辑，在过去我们可能会通过混入、高阶组件或者全局组件等方式来实现代码的复用；或者一个组件逻辑太多，写出了超多的响应式ref数据和五花八门的函数，对于对接项目的人内心只想说：能别在堆屎了嘛

对于一个大型项目来说，即使是初始开发者后期也会发现，随着项目需求的迭代，一个组件都有可能会被提出n个修改需求，原型设计图变变变的，导致部分代码失效，被迫返工，但是返工之后发现，这个组件光script标签里面就已经写了五百多行了，ref和各种函数乱飞，导致即使是我这个一手开发者来说看着也是一个头两个大，反正就是：

        那么到底有什么办法能够解决这个比较操蛋的事情呢？其实解决方法很简单，那就是把事件进行细分。举个例子：比如你一天中做了很多事情，其中有一件事情做错了，时隔多少天之后，这个错误引发了一个问题&#