var storage = { set ( key , value ) { localStorage . setItem ( key , JSON . stringify ( value ) ) ; get ( key ) { return JSON . parse ( localStorage . getItem ( key ) ) ; remove ( key ) { localStorage . removeItem ( key ) export default storage

2 . 引用

import Storage from '@/model/storage.js'
                    1.创建storage.js// 封装localStorsge本地储存方法var storage = {    set(key, value) {        localStorage.setItem(key, JSON.stringify(value));    },    get(key) {      return JSON.parse(localStorage.getIte...
结合router缓存部分页面：
比较实用的例子：
思路：通过beforeRouterLeave这个钩子来对路由里面的keepAlive进行赋值。从而动态的确定A页面是否需要被缓存。
结合router缓存部分页面：
比较实用的例子：
思路：通过b
在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页
一句话总结一下： pageAList->pageADetail->pageAList,...
				
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。
一、cookie和session
cookie和session都是用来跟踪浏览器用户身份的会话方式。
cookie机制
如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
保存数据：window.sessionStorage.setItem('key',value);
读取数据：window.sessionStorage.getItem('key');
删除单个数据：window.sessionStorage.removeItem('key');
删除所有数据：window.sessionStorage.clear();...
				
最近新做了个需求“前端缓存”
需求背景：解决表单高频率重复填报问题，要求打开页面自动填充上次录入的数据，数据存储期限为一周（7天有效期）。
说起缓存首先想到的则是 localstorage、sessionStorage
sessionStorage
也称会话缓存，当用户关闭浏览器窗口后，数据就会被删除；
sessionStorage.setItem("key","value");//存储
sessionStorage.getItems("key");//按可以进行取值
sessionStorage.re
				
文章目录3.21浏览器本地缓存3.21.1localStorage举例：写一个简单的针对本地存储增删改查的案例3.21.2sessionStorage方法同localStorage一样
3.21浏览器本地缓存
浏览器本地缓存实际是js的知识点，这里只是提一下加深下印象
分两种：localStorage和sessionStorage，它两统称webStorage
注意点1：localStorage对象和sessionStorage对象都是window对象下的，且方法都是一样的，默认”window.”可以省.
				
1、keep-alive要配合router-view使用，这里要注意一点就是，keep-alive本身是vue2.0的功能，并不是vue-router的，所以再vue1.0版本是不支持的。keep-alive官方文档点这里，代码实现如下，router-view是在入口APP.vue里面.
<template>
  <div id="app">
    <keep-...