vue.js配置路由的方法：1、安装vue-router；2、引用vue-router；3、配置路由文件，如【var router = new VueRouter({routes:[{path:"/hello",component…】。

本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。

vue.js配置路由的方法步骤如下所示：

安装

npm install –save vue-router

引用

import VueRouter from 'vue-router'

配置路由文件

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

视图加载的位置

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

跳转导航

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

以上就是vue.js如何配置路由的详细内容，更多请关注24小时课堂在线其它相关文章！