路由元信息?(黑人问号脸???)是不是这么官方的解释很多人都会一脸懵?那么我们说meta,是不是很多人恍然大悟,因为在项目中用到或者看到过呢? 是的,路由元信息就是我们定义路由时配置的meta字段;那么这个meta的作用是什么呢? 首先看一个场景: 通常我们在开发网站或者移动应用的时候,我们通常会有 ...
分类:
其他好文 时间:
2019-09-29 12:49:53
阅读次数:
94
本次只是记录下开发中碰到的问题。 最近做一个活动页面,涉及到角色和权限的问题,需要跳转很多页面,于是vue-router走起,顺便keep-alive也用起来了,嗯,跳转的很爽,但是一个详情页面组件,被两个路由组件引用了,此时发现有一个路由在调用详情组件时没有按需求刷新,并且已经在keep-aliv ...
分类:
其他好文 时间:
2019-09-28 23:53:21
阅读次数:
183
prop include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存 相关学习链接:https://www.cnblogs.com/ljx20180807/p/9810480.html ...
分类:
其他好文 时间:
2019-09-25 10:56:47
阅读次数:
90
(1)什么是WebSocket? WebSocket是HTML5中的协议,支持持久连续,http协议不支持持久性连接。Http1.0和HTTP1.1都不支持持久性的链接,HTTP1.1中的keep alive,将多个http请求合并为1个 (2)WebSocket是什么样的协议,具体有什么优点? H ...
分类:
Web程序 时间:
2019-09-21 12:59:46
阅读次数:
126
配置方式 注意,只在mac下测过 首先配置ssh session clone,保证你新开终端窗口时,跳板机的session在窗口间共享, 以及配置30秒向服务端发一个keep-alive包保持会话不会闲时中断 编辑 ~/.ssh/config 增加如下内容 其次在 ~/.bashrc 或者 ~/.z ...
分类:
其他好文 时间:
2019-09-20 15:18:22
阅读次数:
132
利用keep-alive标签实现前进刷新后退不刷新 需求:路由前进式能够刷新数据, 返回时页面保存之前的操作. >修改App.vue中router-view, 根据路由中meta字段设置的变量判断是否被展示 >在router/index.js中添加meta字段 >在对应的组件中 手动刷新之后没有了缓 ...
分类:
其他好文 时间:
2019-09-15 23:52:59
阅读次数:
222
1. vue 生命周期函数(详细查看:Vue实例的生命周期(钩子函数)) 有 10 个钩子,对应 5 个动作: create(创建) mount(vdom挂载) update(数据更新导致dom需要重新渲染和打补丁) active(keep-alive组件激活) destory(销毁) 2. 组件间 ...
分类:
其他好文 时间:
2019-09-14 19:18:45
阅读次数:
127
1. 官方介绍及其用法 1.1 组件介绍 要想搞明白 组件,官网如下介绍: Vue DOM` 元素,也不会出现在父组件链中。当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 这句话的意思简单来说:就是我们可以把一些不常变动的组件或者需要缓存的组件用 就会帮我们把组件保存在内存中,而不是直 ...
分类:
其他好文 时间:
2019-09-10 14:53:35
阅读次数:
83
第一步 在app中设置需要缓存的div //缓存的页面 第二步 在路由router.js中设置.vue页面是否需要缓存 第三步 第四步当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。 当再次 ...
分类:
其他好文 时间:
2019-09-06 12:35:54
阅读次数:
350
mounted: function() { //使用keep-alive时可以放在activated内 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); win... ...
分类:
其他好文 时间:
2019-09-04 19:08:25
阅读次数:
91