如何从vue2单组件中巧妙分离派发器的大量逻辑？

本文共计971个文字，预计阅读时间需要4分钟。

目录+概述+本质+具体实现+总结+概述+在Vue2中，我们编写的逻辑都是通过options配置对象实现的，这种方式相比于固定的写法、方法、数据等，更灵活地对应到各个配置项中。但当一个组件的逻辑变得更为复杂时，这种配置方式可能导致代码更加冗长和难以维护。

目录

• 概述
• 本质
• 具体实现
• 总结

概述

在vue2当中，我们写的逻辑都是options配置对象，比较固定的写法，方法，数据，都对应到各自的配置项当中，但是当一个组件的逻辑变得更加复杂，逻辑也越来越多的时候，这时候，我们一个组件避免不了要写大量的逻辑代码，在2版本中，使用官方推荐的mixin可以解决一个组件逻辑过多的问题，现在记录我在工作用用到的另外方法。

本质

在react中，我们使用redux，会接触到对应的action，reducer,dispatch等等，通过派发对应事件类型，然后触发对应逻辑修改，有点像发布订阅，哈哈，在这里，借鉴react当中使用redux的思路，记录vue2当中抽离逻辑代码的技巧。