vue-content-loader内容加载器的使用方法
更新时间:2018年08月05日 15:42:39 作者:花落微凉梦清幽
这篇文章主要介绍了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>
总结
以上所述是小编给大家介绍的vue-content-loader内容加载器的使用方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
相关文章
关于element-ui resetFields重置方法无效问题及解决
这篇文章主要介绍了关于element-ui resetFields重置方法无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-08-08
最新评论