vue-router具體配置-1
阿新 • • 發佈:2022-02-27
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,最後,跑一下,如果位址列出現/#說明路由器配置成功。