Vue router 基本使用

Vue router 路由

安装依赖

  **yarn add vue-router**

  **npm i vue-router**

创建路由信息

	import VueRouter from 'vue-router'
	import Vue from 'vue'
//创建路由信息
	const routers=[
		{path:'/home',component:Home}
		{path:'/',redirect:'/home'} //重定向
	]


//注册路由信息
	const router=new VueRouter({
		routers
	})
//导出路由信息配置
	export default router

引入入口文件挂载

main.js

import router from 'url/router'
//挂载到实例
new Vue({
  router,
  render: h => h(App),
}).$mount('#app')