安装vue-router

vue-router步骤

第一步:
安装vue-router
cnpm install vue-router --save

第二步:

在src中创建router文件夹,在main.js中导入vue-router的路径
import router from '@/router'

第三步:
在导入的vue-router路径里找到index.js中再导入vue-router的对象

第四步:
然后再main.js中挂载路由到vue实例,只是挂载
new Vue({
router, //挂载路由到vue实例,全局就能使用
})

第五步:
真正创建是在index里,是把当前文件中的router.js文件注册到router对象当中
import Vue from ‘vue’
import Router from ‘vue-router’
import router from ‘./router’

const router = new Router({
	router
});

export default router; 	//然后把router导出

你可能感兴趣的:(前端)