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 相关文章推荐
js闭包实例汇总
Nov 09 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
JQuery实现动态添加删除评论的方法
May 18 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
jsonp跨域请求详解
Jul 13 Javascript
js模拟百度模糊搜索的实例
Aug 04 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
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
php5.5新数组函数array_column使用
2013/07/08 PHP
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
谈谈JavaScript中的函数与闭包
2013/04/14 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
扒一扒JavaScript 预解释
2015/01/28 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
Javascript中神奇的this
2016/01/20 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
vue实现城市列表选择功能
2018/07/16 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
2019/05/01 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
2019/12/12 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[02:28]DOTA2英雄基础教程 狼人
2013/12/23 DOTA
Python实现求两个csv文件交集的方法
2017/09/06 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
Python字符串格式化输出代码实例
2019/11/22 Python
浅析python 字典嵌套
2020/09/29 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
保护黄河倡议书
2014/05/16 职场文书
展览会邀请函
2015/02/02 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
个人催款函范文
2015/06/23 职场文书
婚宴父亲致辞
2015/07/27 职场文书
《山中访友》教学反思
2016/02/24 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android