小編給大家分享一下vue.js怎么配置路由，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網技術服務公司，擁有項目成都網站建設、成都做網站網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元東豐做網站,已為上家服務,為東豐各地企業(yè)和個人服務,聯(lián)系電話:18982081108

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

本文操作環(huán)境：windows10系統(tǒng)、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.vue文件中加

跳轉導航

helloword（渲染出來的是a標簽）

以上是“vue.js怎么配置路由”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！