一 為什麼要使用路由懶載入

2022-07-04 05:33:13 字數 1353 閱讀 5754

為給客戶更好的客戶體驗,首屏元件載入速度更快一些,解決白屏問題。

二、定義

懶載入簡單來說就是延遲載入或按需載入,即在需要的時候的時候進行載入。

三、使用

常用的懶載入方式有兩種:即使用vue非同步元件es中的import

1、未用懶載入,vue中路由**如下

import vue from 'vue'import router from 'vue-router'import helloworld from '@/components/helloworld'vue.use(router)

export

default

newrouter(]

})

2、vue非同步元件實現懶載入

import vue from 'vue'import router from 'vue-router'

/*此處省去之前匯入的helloworld模組

*/vue.use(router)

export

default

newrouter(

]})

3、es 提出的import方法,(------最常用------)

(不加 ,表示直接return)

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

const helloworld = ()=>import("@/components/helloworld")

export

default

newrouter(

]})

四、元件懶載入

相同與路由懶載入,

1、原來元件中寫法

1111

2、const方法

1111

3、非同步方法

1111

五、總結:

路由和元件的常用兩種懶載入方式:

1、vue非同步元件實現路由懶載入

2、es提出的import(推薦使用這種方式)

const helloworld = ()=>import('需要載入的模組位址')

**:

為什麼要使用blog

有哥們問我,你為什麼使用blog?我總結了一下,覺得有如下幾個原因。1對自己的督促 有了blog,就會經常記得寫點東西 就會經常翻翻網上的新文章,了解一下新技術,不至於迷失在忙碌的生活中 如果把自己的所感所想所學寫出了,自己對自己也會有個概念,不至於迷迷糊糊 還有,畢竟是掛在網上的文字,心中難免擔心...

為什麼要使用XML

xml 代表擴充套件標記語言 extensible markup language 是由 world wide web consortium w 3c 的 xml工作組定義的。這個工作組是這樣描述該語言的 擴充套件標記語言 xml 是 sgml 的子集,其目標是允許普通的 sgml 在web 上以目...

為什麼要使用Nginx?

有人說這些基準測試是不準確的,因為在這樣那樣的環境下,做的比較不一致。我傾向同意基準測試只是告訴了我們其中一部分情況,你能做的是消除偏見 有人見過所有人都同意乙個基準測試是公平的嗎?我是沒見過。我們投資的一些公司把web平台切換到nginx後,可以顯著的解決擴充套件問題。nginx明顯有效的實現了今...