4、vue-router 路由基本使用

1、安装路由

npm install vue-router --save-dev

2、引入路由

import VueRouter from 'vue-router'

3、使用路由

Vue.use(VueRouter)
const router = new VueRouter({
	routes:[
		{path:"/",component:Home},
		{path:"/helloworld",component:HelloWorld},
	],
	mode:"history"
})

4、导航到路由地址

<template>
  <div id="app">
    <ul>
      <li><router-link to="/">Home</router-link></li>
      <li><router-link to="/helloworld">Hello</router-link></li>
    </ul>
  </div>
</template>

来源：oschina

链接：https://my.oschina.net/u/2614774/blog/3134582