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 相关文章推荐
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
Dec 11 Javascript
JavaScript鼠标特效大全
Sep 13 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
js实现自定义进度条效果
Mar 15 Javascript
PHP 实现一种多文件上传的方法
Sep 20 Javascript
JS实现简易换图时钟功能分析
Jan 04 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
Feb 21 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
vue下载二进制流图片操作
Oct 26 Javascript
微信小程序:报错(in promise) MiniProgramError
Oct 30 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
php的hash算法介绍
2014/02/13 PHP
PHP获取当前日期及本周一是几月几号的方法
2017/03/28 PHP
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
基于js实现二级下拉联动
2016/12/17 Javascript
详解JavaScript树结构
2017/01/09 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
2017/04/26 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
vue实现计算器功能
2020/02/22 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
python生成任意频率正弦波方式
2020/02/25 Python
python3的pip路径在哪
2020/06/23 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
html5中的一些标签学习(心得)
2016/10/18 HTML / CSS
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
造型师求职自荐信
2013/09/27 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
社团活动总结模板
2014/06/30 职场文书
《我爱祖国》演讲稿1000字
2014/09/26 职场文书
2016教师读书思廉心得体会
2016/01/23 职场文书
2016年九九重阳节活动总结
2016/04/01 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
一级电子管军用接收机测评
2022/04/05 无线电