Vue-router 怎么配置路由?

 在 vue 中配置路由分为 5 个步骤，分别是：

1、安装

npm install --save vue-router

2、引用

import VueRouter from 'vue-router'

3、配置路由文件

var router = new VueRouter({
routes:[
{
path:"/hello",
component:HelloWorld
},
{
path:"/wen",
component:HelloWen
new Vue({
el: '#app',
components: { App },
router,
template: '<App/>'
})

4、视图加载的位置

默认 App.vue 文件中加<router-view></router-view>

5、跳转导航

<router-link to="/hello">helloword</router-link>（渲染出来的是 a 标签）