為給客戶更好的客戶體驗,首屏元件載入速度更快一些,解決白屏問題。
二、定義
懶載入簡單來說就是延遲載入或按需載入,即在需要的時候的時候進行載入。
三、使用
常用的懶載入方式有兩種:即使用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明顯有效的實現了今...