Vue Router

1. 安装路由 cnpm install vue-router --save-dev
2. 引入路由 import vueRouter from ‘vue-router’
3. 挂载到vue Vue.use(vueRouter);
4. 写好组件、并引入路由组件 import Home from ‘./component/home’

javascript
  javascript
配置组件路径
let router = new vueRouter({
 //修改显示路径history,显示常规路径
  mode:"history", 
  //配置页面路由,默认显示路径是hsl路径
  routes:[
		    //配置重定向
		    {
		      path:"*",
		      redirect:"/"
		    },
		    {
				path:"/home",
				component:Home
			}			
		]
});

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

<router-link to="/home">Go to Home</router-link>

<router-link :to="v.action">Go to 动态路由</router-link>

8.将组件将渲染在这里<router-view></router-view>

9.goback(){ this.$route.go(1)// -1后退 1前进 }