Vue3,Router模式切換和懶加載


下載了路由之后一般是這樣使用的

 

 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模式

  

 

   

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM