這篇文章主要介紹了vue配置路由的方法的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇vue配置路由的方法文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)是一家專業(yè)提供息烽企業(yè)網站建設,專注與成都做網站、成都網站制作、成都外貿網站建設、H5場景定制、小程序制作等業(yè)務。10年已為息烽眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網站設計公司優(yōu)惠進行中。

具體步驟如下：

1.首先，在新建一個html項目，并在項目中引入vue和vue-router；

import Vue from 'vue'
import Router from 'vue-router'

2.vue和vue-router引入好后，在項目中使用Vue.use方法注冊路由；

Vue.use(Router)

3.最后，路由注冊好后，在頁面中執(zhí)行以下代碼即可配置路由；

export default new Router({
routes: [
{
path : ‘/’,
name : ‘Home’,
component : Home
},
{
path : ‘/content’,
name : ‘Content’,
component : Content
}
],
mode: "history"
})

關于“vue配置路由的方法”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“vue配置路由的方法”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網站欄目：vue配置路由的方法
文章位置：http://chinadenli.net/article24/jhhjje.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供響應式網站、域名注冊、網站改版、手機網站建設、服務器托管、App開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)