学海无涯，回头是岸

在vue3.3x 版本中 官方 [RFC](https://github.com/vuejs/rfcs/discussions/503) 放出了 一个新特性 defineModel，它将让我们在自定义组件上双向绑定数据更加快捷；

其本质是一种限制 高频执行代码 的手段；页面中常见的表单提交、短信验证码、搜索框、浏览器 resize、 scroll、 mousemove等事件触发时，会不断的调用绑定在事件上的回调函数，影响前端性能，导致出现响应延迟、假死、卡顿等现象

token 验证登录是目前比较主流的前端登录校验方案，采用 token + localStorage + vuex 做令牌存储验证，包含 axios 二次封装、路由守卫、api 模块化等操作

页面刷新时，将重新初始化vuex的数据，导致无法获取数据，使得页面数据丢失。解决办法修改store文件下Index中state的定义const store = new Vuex.Store({ state:sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')): ........

当在含分页的table中，需分页切换后对列表项的勾选状态做回显操作。根据element文档使用this.$refs.mytable.toggleRowSelection（row, selected）方法回显，实际应用时会出现回显失效的情况。