下載了路由之后一般是這樣使用的
import 名稱 from '路徑'
通過導入路徑引入的,這樣使用一有個弊端,我們在打包時會打包到一個js文件里,沒有分開
如果有一百個路徑,他會把一百個路由的頁面用到的js封裝到一起,到時候我們訪問組件時加載速度會很慢
第一個js文件是:APP應用的js
第二個js文件是:第三方插件js
我們可以用按需加載來解決,當我們訪問那個頁面就加載那個頁面
直接在component里使用懶加載引入文件路徑
再來看打包的js文件
就多了許多js文件,當我們訪問那個路由加載那個js文件
然后我們把懶加載的寫法優化一下,單獨聲名一個變量把引入 的賦給變量然后給compoent:變量名
Router模式切換
createWebHistory 歷史模式
當我們第一次訪問頁面時會進去后台請求數據,當我們第N次進入其頁面會從歷史里面拿出來給我們顯示
history.back() //后退頁面
history.go(-1) //后退一個頁面
history.go(1) //前進一個頁面
createWebHashHistory hash模式
當我們使用哈希模式時在地址欄上會出來一個#號
從組件包里引入 hash方法
指定hash模式