最近遇到个需求：前端登录后，后端返回和，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。

当老 VNode 节点的 end 和新 VNode 节点的 start 相同时，这时候在 patchVnode 后，还需要将当前真实 dom 节点移动到 oldStartVnode 的前面，同时老 VNode 节点结束索引减 1，新 VNode 节点的开始索引加 1。只有旧节点有子节点而新节点没有，说明更新后的页面，旧节点全部都不见了，那么要做的，就是把所有的旧节点删除，也就是直接把DOM 删除。

canvans使用

第一步：在vue.config.js配置（如果没有手动创建即可）

简而言之，useMemo是用来缓存的。计算属性其实是函数的返回值，或者说指那些以返回一个值为目标的函数。有些函数，需要我们手动的去点击，去完成一些动作才触发。而有些函数，则是直接在渲染的时候就执行，在DOM区域被当作属性值一样去使用。后者，就被称为计算属性。而计算属性，最后一定会使用return返回一个值！

VUE权限管理思路：在login.vue中登录成功时，后端会返回token和该用户对应的权限，前端根据权限数据， 展示对应的菜单。点击菜单， 才能查看相关的界面。但是在login.vue获得的权限数据要在home.vue中使用，所以要把请求来的权限数据保存到vuex中login方法export const login = data => {return request({url: '/log