建立一个 router.js 文件
引入
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../components/home/home.vue'
然后注册
Vue.use(VueRouter);
const router = new VueRouter({
mode : 'history',
base: __dirname,
routes: [
{
path: historyUrl + '/',
component: Home,
name : '主页'
},
]}
最后暴露出云
export default router
在main.js 里面直接引入然后就可以用了
import router from './main/router.js'
const app = new Vue({
router : router,
watch : {
'$route' (to,from,next){
//console.log(to) //路由监听
//console.log(from)
}
},
render : h => h(App)
}).$mount('#app');
别的 js 文件如果要调用 router 方法,直接像 main.js 一样引入直接用就可以了