1. 程式人生 > 其它 >vue-router具體配置-1

vue-router具體配置-1

1,安裝vue路由(我的程式碼是用vue2寫的,現在如果預設的話裝的是vue3支援的4版本)

npm i vue-router@3

2,在main.js入口檔案中,引入路由並且“使用”,就可以在new Vue()中寫入一個全新的配置項,

import VueRouter from 'vue-router'
Vue.use(VueRouter)

配置項為:

router:router

3,在src目錄下新建一個資料夾,名字是router,新建一個檔案,名字是index.js,開啟index.js開始寫

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

到這裡其實有些暈,因為不知道在幹嘛。。。

我們重新梳理一下,vue執行的過程。先開啟main.js檔案,開始匯入各種檔案,當開始匯入router時,會開啟上述的index.js檔案,然後執行裡面的內容(也就是配置該應用的路由器),執行完畢後,再繼續..最後繼續執行new Vue()。

所以在index.js內要開始配置整個應用的路由。

4,最後,跑一下,如果位址列出現/#說明路由器配置成功。