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裡面的方法了