【vue.js】mixinでvue-routerを使う

こちらで書いたのとほぼ同じ内容だけれどもいちおうメモしておく。vue-routerの基本的な書き方は省略。

Vueインスタンス生成部分

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'

var router = new VueRouter({
  routes: routes,
  ・・・
})

// ★ここを追加
Vue.router = router

new Vue({
  ・・・
  router: router
})

mixin/mixinHoge.js

import Vue from 'vue'

export default {
  methods: {
    fuga: function() {
      // vue-routerを使う
      Vue.router.push('/hogefuga')
    }
  }
}

以上です