//获取表单缓存
s_garden_id(){
let s_garden_id = localStorage.getItem('s_garden_id') ? localStorage.getItem('s_garden_id') : '';
return s_garden_id;
s_address(){
let s_address = localStorage.getItem('s_address') ? localStorage.getItem('s_address') : '';
return s_address;
s_company_name(){
let s_company_name = localStorage.getItem('s_company_name') ? localStorage.getItem('s_company_name') : '';
return s_company_name;
s_garden_price(){
let s_garden_price = localStorage.getItem('s_garden_price') ? localStorage.getItem('s_garden_price') : '';
return s_garden_price;
methods: {
// input改变时的操作
handleSave(value) {
// console.log('value',value);
// console.log('111111',this.form.address);
//设置缓存
localStorage.setItem('s_garden_id', this.garden_id);
localStorage.setItem('s_address', this.form.address);
localStorage.setItem('s_address1', 's_address888');
localStorage.setItem('s_company_name', this.form.company_name);
localStorage.setItem('s_garden_price', this.form.garden_price);
//其他地方使用，获取表单缓存数据
lists.address = this.s_address
lists.company_name = this.s_company_name;
lists.arden_price = this.s_arden_price;
lists.garden_house = this.s_garden_house;
vue
中，我们所要实现的一个场景就是：
1.搜索页面==>到搜索结果页时，搜索结果页面要重新
获取
数据，
2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的浏览位置。
最近在项目中遇到这个问题，思考了几套方案，总是不太完善。百度搜到的方案也基本都只能满足一些很简单的需求。对于复杂一些的情况，还是有些不完善的地方。以下是个人对于这种场景的一个摸索，也参考了百度。如有更好的方案，欢迎指出。
缓存组件，
vue
2中提供了keep-alive。首先在我们的app.
vue
中定义keep-alive:
<router-view
最近新做了个需求“前端缓存”
需求背景：解决表单高频率重复填报问题，要求打开页面自动填充上次录入的数据，数据存储期限为一周（7天有效期）。
说起缓存首先想到的则是 localstorage、sessionStorage
sessionStorage
也称会话缓存，当用户关闭浏览器窗口后，数据就会被删除；
sessionStorage.setItem("key","value");//存储
sessionStorage.getItems("key");//按可以进行
取
值
sessionStorage.re
每个namespace都有唯一id服务
设置
namespace时要写id而不是名称不同namespace下的服务互相不可见，访问不到的都支持服务注册和服务拉
取
都支持服务提供者心跳方式做健康检测将配置交给Nacos管理的步骤在Nacos中添加配置文件在微服务中引入nacos的config依赖在微服务中添加bootstrap.yml，配置nacos地址、当前环境、服务名称、文件后缀名。
mounted() {
getMadInfo(this.query.agy.madCode).then((res = {}) => {
let exAdd = _.filter(res.EXPECO,o => {
if(o.code === '30101' || o.code == '30102' || o.code == '30107' || o.code == '30199' || o.code == '302
文章目录3.21浏览器本地缓存3.21.1localStorage举例：写一个简单的针对本地存储增删改查的案例3.21.2sessionStorage方法同localStorage一样
3.21浏览器本地缓存
浏览器本地缓存实际是js的知识点，这里只是提一下加深下印象
分两种：localStorage和sessionStorage，它两统称webStorage
注意点1：localStorage对象和sessionStorage对象都是window对象下的，且方法都是一样的，默认”window.”可以省.
1.redis概况
redis基于C语言开发，性格极高，基于内存数据处理的单进程单线程技术。客户端，服务端的机构，支持多个客户端访问，万条/秒操作。
特性： no-sql，key-value，内存，可持久化，菲关系型数据库
No-sql：Not only structured query language
操作redis的命令，不仅仅支持结构化的查询语言
例如：set、get、expir...
相关技术：
微服务治理：springcloud包含的技术
注册发现、远程调用、负载均衡、配置管理、网关路由、系统保护、流量控制、服务授权、熔断降级、分布式事务、TCC模型、AT模型、Seata
异步通信：
MQ消息模型、SpringAMQP、消息堆积问题、消息可靠性、仲裁队列、延迟队列、镜像集群、数据持久化
缓存技术：
缓存穿透（雪崩）、SpringDataReidis、Redis主从复制、OpenResty、
缓存数据
同步、Nginx本地缓存、Redis
input输入框内，路由切换输入框内部的内容不会发生改变。
常见的用法：（下图是在https://www.cnblogs.com/sysuhanyf/p/7454530.html截的图，本篇文章为了自己方便查看。）
在keep-alive标签内部添加
inclu...
