如何使用vue-content-loader內容載入器
阿新 • • 發佈:2019-02-12
當我們開發網站或者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>