vue 把路由单独分离出来

建立一个 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 一样引入直接用就可以了