Vue.js中不同组件中有很多雷同的代码,如何优化？【Solved】

问题描述

问 题

现在的场景是，我有个组件A和组件B都是组件C的子组件，组件A跟组件B对应的view是不一样的。

其中有很多相同的页面展现， 而且组件A中跟组件B中有很多相同的操作，只是传入的参数不一样，但是操作的预期结果是一样的。

例如我有个方法，实现的功能是在组件A中右键弹出一个菜单，然后点击菜单中的某一项时，进行一些操作.

同样的，我在组件B中右键也是要弹出一个操作，选中菜单的某一项时，进行一些操作,在组件A中的操作与在组件B中的操作很多代码是雷同的,造成我组件中又大量看似重复的代码.

不知道各位在平时有没有遇到类似的问题,是怎么解决的？

解决方案

https://vuefe.cn/guide/mixins...

这篇关于Vue.js中不同组件中有很多雷同的代码,如何优化？【Solved】的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！