vue 中使用 混入方法 和 使用抽离出来的方法 ，哪个效率高 ，为什么？

Question

vue 中使用 混入方法 和 使用抽离出来的方法 ，哪个效率高 ，为什么？

例如 : vue项目中 多个 组件里面要使用到某个 操作dom的方法（点击 input 获取这个input 宽高的方法）

    
    对于这样的方法
    
    A . 使用混入  
    
    B . 专门 定义一个 js文件 。里面写一个class ，然后把这个方法放到这个class的静态方法上
    
    ==============
    A  和 B 哪个好 呢？  速度 和 维护性 反面

Answer 1

谢邀～具体看场景，Vue中的mixins混入的工具方法，如果只有放在methods中的，不涉及到data的工具方法。建议抽离的JS文件。效率基本是相同的，同样都是js代码。mixins混入时，不注意，vue单文件中的方法容易覆盖。单独抽离的js文件更不容易被覆盖。还可以加一层，比如utils.init()。如果是包含data, computed等则建议用mixins。