加載數(shù)據(jù)時(shí)常常會(huì)遇到等待提示。Vue.js 提供了加載數(shù)據(jù)時(shí)渲染頁(yè)面的模板語(yǔ)法。同時(shí)，Vue也提供了loading組件，它可以自己定義樣式，給用戶更好的用戶體驗(yàn)。在使用Vue.js加載數(shù)據(jù)的過程中，多數(shù)情況下需要顯示一個(gè)loading等待圖標(biāo)。這里將介紹如何在Vue.js中使用loading組件來(lái)實(shí)現(xiàn)這一功能。

Vue.js框架提供了兩種方式加載數(shù)據(jù)，一種方式是使用Vue原生模板語(yǔ)法，在獲取數(shù)據(jù)成功后渲染頁(yè)面；另一種方式是使用Vue的異步組件加載、“l(fā)oading”指示符和其他類似 “占位符” 的效果，能夠讓應(yīng)用程序來(lái)優(yōu)化其渲染的效果。

使用Vue的loading組件可以通過Vue.use()來(lái)調(diào)用，在vue中只需要配置全局的組件，然后在需要時(shí)直接調(diào)用即可。對(duì)于一些國(guó)內(nèi)開發(fā)者來(lái)說，可以使用淘寶的loading組件：antd里面的Spin進(jìn)行實(shí)現(xiàn)。antd的loading組件會(huì)包含一些特殊的圖片，可以使用 npm 安裝，也可以使用