vue-router的路由模式区别在哪里 (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 标签)