vue-content-loader内容加载器的使用方法


Posted in Javascript onAugust 05, 2018

当我们开发网站或者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内容加载器的使用方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
提高 DHTML 页面性能
Dec 25 Javascript
jquery下实现overlay遮罩层代码
Aug 25 Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
vue.js select下拉框绑定和取值方法
Mar 03 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 Javascript
ES6的解构赋值实例详解
May 06 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 Javascript
实现vuex原理的示例
Oct 21 Javascript
原生JS实现pc端轮播图效果
Dec 21 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 #Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 #Javascript
深入理解JavaScript的async/await
Aug 05 #Javascript
js数据类型检测总结
Aug 05 #Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 #Javascript
vue实现简单的MVVM框架
Aug 05 #Javascript
使用D3.js+Vue实现一个简单的柱形图
Aug 05 #Javascript
You might like
PHP中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
PHP的数组中提高元素查找与元素去重的效率的技巧解析
2016/03/03 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
thinkPHP多语言切换设置方法详解
2016/11/11 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
学习ExtJS Window常用方法
2009/10/07 Javascript
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
Bootstrap入门书籍之(三)栅格系统
2016/02/17 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
javascript中神奇的 Date对象小结
2017/10/12 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
对python生成业务报表的实例详解
2019/02/03 Python
python实现随机漫步方法和原理
2019/06/10 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
python利用faker库批量生成测试数据
2020/10/15 Python
python中xlrd模块的使用详解
2021/02/01 Python
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
strlen的几种不同实现方法
2013/05/31 面试题
大一学生假期实习的自我评价
2013/10/12 职场文书
防火标语大全
2014/10/06 职场文书
大学体育课感想
2015/08/10 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书