1. 程式人生 > >如何使用vue-content-loader內容載入器

如何使用vue-content-loader內容載入器

當我們開發網站或者APP時,遇到內容過多載入速度慢時,會導致使用者開啟頁面有大量空白頁,vue-content-loader正是解決這個問題的一個元件,使載入內容之前生成一個dom模板,提高使用者體驗。

第一步:安裝

在控制檯的專案路徑下執行:npm install vue-content-loader --save

第二步:引入使用

<template>
  <!--<content-loader></content-loader>-->
  <facebook-loader></facebook-loader>
</template>

<script>
//import { ContentLoader } from 'vue-content-loader'
import {
//ContentLoader,
  FacebookLoader
} from 'vue-content-loader' // 已安裝npm install vue-content-loader --save

export default {
  components: {
//  ContentLoader,
    FacebookLoader   
  }
}
</script>

<style>
</style>