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 相关文章推荐
根据分辨率不同,调用不同的css文件
Jul 07 Javascript
javascript 设置文本框中焦点的位置
Nov 20 Javascript
jquery1.4 教程二 ajax方法的改进
Feb 25 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
jquery-mobile表单的创建方法详解
Nov 23 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
原生js+css调节音量滑块
Jan 15 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 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
Yii框架登录流程分析
2014/12/03 PHP
php查询ip所在地的方法
2014/12/05 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
2007/03/27 Javascript
动态添加js事件实现代码
2009/03/12 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
JavaScript中的boolean布尔值使用学习及相关技巧讲解
2016/05/26 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
2019/05/16 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
jQuery实现全选按钮
2021/01/01 jQuery
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
Python常用的日期时间处理方法示例
2015/02/08 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
Python Scrapy框架第一个入门程序示例
2020/02/05 Python
Python通过文本和图片生成词云图
2020/05/21 Python
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
公务员培训自我鉴定
2013/09/19 职场文书
幼儿园长自我鉴定
2013/10/17 职场文书
医科大学生毕业的自我评价分享
2013/11/12 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
先进党员事迹材料
2014/12/24 职场文书
给学校的建议书400字
2015/09/14 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL