下面开始讲述事情经过~~~~ 页面代码是这样的 <template> <page-view :title="title"> <div id="myChart" ref="mapBox" style="width: 100%; height: 500px"></div> </page-view> </ ...
分类:
其他好文 时间:
2020-03-21 18:08:49
阅读次数:
87
1、可以监听路由变化进行数据刷新 watch:{ '$route'(val){ //业务逻辑 } }, 2、使用keep-alive 参考 https://segmentfault.com/a/1190000019610283?utm_source=tag-newest ...
分类:
其他好文 时间:
2020-02-17 15:49:44
阅读次数:
111
关键字:路由懒加载,全局导航守卫,组件导航守卫,redirect重定向,keep-alive,params,query 一、目录结构 二、index.js 1 // 配置路由相关的信息 2 import VueRouter from 'vue-router' 3 import Vue from 'v ...
分类:
其他好文 时间:
2020-02-15 18:33:54
阅读次数:
77
### 优化 1、加载速度的优化 ①雪碧图 >base64、iconfont ②代码压缩 ③图片视频压缩 ④cdn缓存 ⑤路由懒加载(异步组件) 首页引入的大文件进行分批次引入 2、运行效率优化 ①减少http请求,页面打开之后基本不涉及到数据更改 <keep-alive include="['a' ...
分类:
移动开发 时间:
2020-02-15 09:56:31
阅读次数:
95
vue中keepalive怎么理解? 说在前面: keep-alive是vue源码中实现的一个组件, 感兴趣的可以研究源码 https://github.com/vuejs/vue/blob/dev/src/core/components/keep-alive.js 什么是keepalive 我们平 ...
分类:
其他好文 时间:
2020-02-10 11:42:47
阅读次数:
232
现在About切换后效果: 值不在了,说明About是个新的,要想值存在,About必须是个老的,旧的,被切换时死亡,在切换时重新创建; 要想不死亡,需要将它缓存起来,怎样缓存呢? <keep-alive> <router-view></router-view> </keep-alive> 缓存路由 ...
分类:
其他好文 时间:
2020-02-08 16:01:28
阅读次数:
63
keep alive 生命周期 父组件 组件A: 组件B: 切换组件A和组件B,控制台打印: 结论: 首次激活时,activated都在mounted后。 再次激活时,本组件只走activated(另外一组件先失活deactivated) 组件失活时,均不走beforeDestroy和destroy ...
分类:
其他好文 时间:
2020-02-07 22:19:24
阅读次数:
59
(2020 02 05 10:30) 我们提到过 Broker 需要知道 Client 是否非正常地断开了和它的连接,以发送遗愿消息。实际上 Client 也需要能够很快地检测到它失去了和 Broker 的连接,以便重新连接。 MQTT 协议是基于 TCP 的一个应用层协议,理论上 TCP 协议在丢 ...
分类:
其他好文 时间:
2020-02-05 11:37:19
阅读次数:
283
HTTP是基于TCP协议的,需要三次握手,HTTP1.1协议,是keep-alive的。 第一部分,请求行 首先要明白GET, POST, PUT,DELETE这个很简单不重复,举几个例子: 在云计算中,如果我们的服务器端要提供一个基于 HTTP 协议的 API,获取所有云主机的列表, 这就会使用 ...
分类:
Web程序 时间:
2020-01-31 22:44:21
阅读次数:
113
PPPoE 未来双栈终端大量存在,PPPoE也要求一次拨号实现同时下发IPv4和IPv6地址的功能 PPPoEv6 用户PPPoEv6接入方式如下图,分为6阶段:会话发现、LCP协商、认证、地址分配、PPPoEv6通信、Keep-alive阶段 ...
分类:
其他好文 时间:
2020-01-29 17:44:14
阅读次数:
630