javascript - vuejs 如何在单文件组件中使用混合

Question

1. 如何在vue单文件中使用混合啊，我现在写了一个改变箭头方法，想在多个文件中使用，想通过混合来实现在其他组件中使用。但是不知道怎么实现，通过其他的方法也行？

Answer 1

混合实现 1.js

export default {
    methods:{
        changeArrow(){

        }
    }
}

使用混合 2.js

import changeArrowMixin from './1'
export default {
    mixins: [changeArrowMixin]
}

Answer 2

入口文件中引入mixins文件夹下面的index.js

import mixins from './mixins'
Vue.mixin(mixins) //全局混合

这样每个页面中都可以调用index里面的方法了