router
和 store
一樣都可以手動暴露出來直接調用,例如
app.js
// 路由設定
var router = new VueRouter({
mode: 'history',
root: '/dashboard',
linkActiveClass: 'active',
routes
})
router.beforeEach((to, from, next) => {
console.log(to.path)
next()
})
new Vue({
el: '#app',
router,
store,
render: h => h(require('./components/App.vue'))
})
// 暴露出來
export { router, store }
那在任何地方都可以進行調用,其實我們把 store
, router
放進 new Vue()
裡面也只是單純注入盡各組件而已,本質上沒啥差別。
import { router, store } from '../app.js'
router.push('/some/where')