文档章节

vue2.0 keep-alive 缓存页面数据

wenxingjun
 wenxingjun
发布于 2017/09/03 11:02
字数 45
阅读 55
收藏 0
点赞 0
评论 0

vue代码

		<transition name="router-fade" mode="out-in">
          <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
          </keep-alive>
    	</transition>
    	<transition name="router-fade" mode="out-in">
			<router-view v-if="!$route.meta.keepAlive"></router-view>
		</transition>

css代码

	.router-fade-enter-active, .router-fade-leave-active {
	  	transition: opacity .3s;
	}
	.router-fade-enter, .router-fade-leave-active {
	  	opacity: 0;
	}

 

© 著作权归作者所有

共有 人打赏支持
wenxingjun
粉丝 0
博文 24
码字总数 6817
作品 0
温州
学习vue2.0笔记(第五章上)

vue-cli## vue-cli是vue官方提供的脚手架的工具 使用vue-cli的优势 成熟的vue项目架构设计 提供本地测试服务器 集成打包上线的方案webpack 或者grulp 使用vue-cli的系统要求 image.png 命令行...

这很重要吗 ⋅ 2017/05/19 ⋅ 0

基于 Vue 的轻量级 SPA 框架--JTaro

说明 JTaro是一款基于Vue2.0开发的轻量级SPA(单页应用)框架 JTaro不需要vue-router,自身提供简单路由功能和页面切换动画 页面组件名称即为路由,省去手动配置路由的麻烦 JTaro会自动创建一...

BarZu ⋅ 2017/05/24 ⋅ 0

晚黎/iDashboard

iDashboard - Laravel5.3基本的权限管理系统 当前分支为Laravel版本~,Vue2.0版本戳这里 ,Vue2.0只完成了部分,用户管理,权限管理以及角色管理,其他的都还没有做。本人时间有限,重复的增删...

晚黎 ⋅ 2016/11/07 ⋅ 0

浏览器html缓存

浏览器缓存将文件保存在客户端,好的缓存策略可以减少对网络带宽的占用,可以提高访问速度,提高用户的体验,还可以减轻服务器的负担。因此我们有必要了解它的实现原理,用来提高网站的性能。...

qzxun ⋅ 2014/08/05 ⋅ 0

Kirico/VueDemo_Sell_Eleme

一直对vue很感兴趣,最近使用vue2.0开发了高仿饿了么点餐系统来练练手,不得不说vue真是一个很不错的框架,但是也遇到过一些坑,在这里和大家分享一下 饿了么点餐系统 vue2.0、vuex、vue-rou...

Kirico ⋅ 2017/08/09 ⋅ 0

基于Vue2.0仿lofter移动端Demo

一个仿lofte手机端的vue项目 项目描述 技术栈 Vue2.0全家桶 + axios + Vuex + Mint-ui + Mock.js + Stylus 预览效果 👉预览地址(PC端建议在Chrome下开启调试模式或移动端浏览) 👉源码地址...

zzr716 ⋅ 2017/10/24 ⋅ 0

RabbIT 4.10 发布,Web代理服务器

该版本修复了一些小的 chunks 导致的堆栈溢出的问题,修复了数据缓存区增大时可能导致数据丢失的问题,减少了内存的占用。 RabbIT 是一个Web代理服务器,用来在一些慢速的网络(例如拨号网络...

红薯 ⋅ 2011/06/30 ⋅ 0

HTTP协议请求与响应格式内容详解

今天给大家解读一下HTTP协议的请求及相应的头的意义: HTTP请求: 一个请求行,若干请求头,实体内容,如下: GET /books/java.html HTTP/1.1 -----------------请求行:请求方式,请求资源名...

joshuaxx316 ⋅ 2015/03/16 ⋅ 0

vue 2.0后的使用(二)

ref ref可以获取到Dom元素还可以获取到vue组件,从而获取到vue组件中的数据 Vue组件缓存或是路由跳转后再次打开不刷新,以及缓存页面的传值等 如果你想要打开组件后,再次打开组件不重新刷新...

Chason-洪 ⋅ 2017/11/08 ⋅ 0

http请求头,响应头字段

请求头字段: Accept: text/html, image/* 客户机支持的数据类型 Accept-Charset: ISO-8859-1 客户机采用的编码 Accept-Encoding: gzip,compress 客户机支持的数据压缩格式 Accept-Language:...

木子丰 ⋅ 2015/03/10 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Qt中的坑--QTreeWidget添加item 不能显示出来

QTreeWidget* pTree = ui.TreeCheckList; QTreeWidgetItem* item = new QTreeWidgetItem(pTree) ;item->setText ( 0, "test" );pTree->addTopLevelItem (item ); 原因是因为创建一个......

k91191 ⋅ 24分钟前 ⋅ 0

使用Guava的RateLimiter做限流

场景: 1. 在日常生活中,我们肯定收到过不少不少这样的短信,“京东最新优惠卷…”,“天猫送您…”。这种类型的短信是属于推广性质的短信。这种短信一般群发量会到千万级别。然而,要完成这...

wind2012 ⋅ 24分钟前 ⋅ 0

QSlider重新enterEvent

#ifndef DIALOG_H#define DIALOG_H#include <QDialog>namespace Ui {class Dialog;}class Dialog : public QDialog{ Q_OBJECTpublic: explicit Dialog(QW......

xxdd ⋅ 25分钟前 ⋅ 0

生产环境redis备份与恢复

生产环境redis备份与恢复 Tyrant0532 0人评论 1563人阅读 2018-02-01 20:34:10 redis是一个开源(BSD许可),内存存储的数据结构服务器,可用作数据库,高速缓存和消息队列代理。生产中我们主...

rootliu ⋅ 27分钟前 ⋅ 0

nginx中出现403forbidden错误

nginx “403 Forbidden” 错误 出现这个错误一般是因为以下原因: 网站禁止特定的用户访问所有内容,例:网站屏蔽某个ip访问。 访问禁止目录浏览的目录,例:设置autoindex off后访问目录。 ...

河图再现 ⋅ 28分钟前 ⋅ 0

上海云栖:金融政企行业的CDN最佳实践

摘要: 在刚刚结束的上海云栖大会飞天技术汇分论坛上,阿里云视频云产品架构师罗小飞进行了《阿里云CDN——面向金融政企的CDN最佳实践》主题分享,为上海的嘉宾介绍CDN的解决方案与技术服务体...

猫耳m ⋅ 33分钟前 ⋅ 0

docker 基本操作

docker介绍 Docker项目提供了构建在Linux内核功能之上,协同在一起的的高级工具。其目标是帮助开发和运维人员更容易地跨系统跨主机交付应用程序和他们的依赖。Docker通过Docker容器,一个安全...

haoyuehong ⋅ 34分钟前 ⋅ 0

上海云栖:金融政企行业的CDN最佳实践

摘要: 在刚刚结束的上海云栖大会飞天技术汇分论坛上,阿里云视频云产品架构师罗小飞进行了《阿里云CDN——面向金融政企的CDN最佳实践》主题分享,为上海的嘉宾介绍CDN的解决方案与技术服务体...

阿里云云栖社区 ⋅ 36分钟前 ⋅ 0

安装与配置hadoop

一、CentOS7安装 java8,参考centos7.0 安装java1.8,tomcat 二、安装hadoop 版本V3.03 1、下载并解压hadoop # mkdir /usr/local/app# mkdir /usr/local/app/hadoop# cd /usr/local/app/had......

iturtle ⋅ 38分钟前 ⋅ 0

Idea设置Serializable自动生成

File --> Settings --> Editor --> Inspections ->Serialization issues,在该项下找到“Serializable class without 'serialVersionUID' ”并勾选...

Gmupload ⋅ 41分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部