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 相关文章推荐
关于 byval 与 byref 的区别分析总结
Oct 08 Javascript
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
Apr 07 Javascript
一个可以随意添加多个序列的tag函数
Jul 21 Javascript
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
Aug 22 Javascript
js showModalDialog参数的使用详解
Jan 07 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
由浅入深剖析Angular表单验证
Jul 14 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
小程序wx.getUserProfile接口的具体使用
Jun 02 Javascript
JavaScript实现简单的音乐播放器
Aug 14 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 处理图片的类实现代码
2009/10/23 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
理解JavaScript变量作用域更轻松
2009/10/25 Javascript
js使用for循环查询数组中是否存在某个值
2014/08/12 Javascript
使用js dom和jquery分别实现简单增删改
2014/09/11 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
python中正则表达式的使用详解
2014/10/17 Python
Python中的localtime()方法使用详解
2015/05/22 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
python内置数据类型之列表操作
2018/11/12 Python
python实现支付宝转账接口
2019/05/07 Python
python SVD压缩图像的实现代码
2019/11/05 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
python如何写try语句
2020/07/14 Python
Expected conditions模块使用方法汇总代码解析
2020/08/13 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
搞笑婚礼主持词
2014/03/13 职场文书
小学生作文评语大全
2014/04/21 职场文书
教师对学生的评语
2014/04/28 职场文书
投资意向书
2014/07/30 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers