这个是尤大开发的新工具，目的是以后替代webpack，原理是利用浏览器现在已经支持es6的import了，遇到import会发送一个http请求去加载文件，vite拦截这些请求，做一些预编译，省去了webpack冗长打包的时间，提升开发体验。有两种视图组件书写的方式，单文件组件SFC；本人还是比较喜欢JSX语法书写的，单文件组件 支持，方便组内成员使用。懒加载有助于代码分割，减少包的体积。路由首页

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面5、每次调后端接口，都要在请求头中加token。

方法设置指定的存储对象项的值。方法属于Storage对象，可以是对象 ，也可以是对象。

而且reCAPTCHA还可以记录并分析使用该人机验证的请求次数，并对可以的请求进行统计和监管。reCAPTCHA是Google公司推出的一项验证服务，使用十分方便快捷，在国外许多网站上均有使用。它与许多其他的人机验证方式不同，它极少需要用户进行各种识图验证。验证通过后success返回的值为“true”，如果验证失败则会返回error-code，下面为error-code及其对应原因。可以设置验证

命令进入项目目录，执行以下命令安装vue 国际化插件vue-i18n在项目的src下添加lang文件夹增加中文翻译文件（zh.js）以及英文翻译文件（en.js），里面分别存储项目中需要翻译的信息。zh.js 中文语言包上面的代码正式将 vue-i18n 引入 vue 项目中，创建一个 i18n 实例对象，方便全局调用。我们通过 this.$i18n.locale 来进行语言的切换。当 local

如上图，是antd的可选择列表，我们如何将普通列表变成可选择列表呢，这就用到了一个很重要的属性rowSelection。如下图，rowSelection属性是一个对象，他有很多的参数。下面是antd官网截图，关于rowSelection的功能配置。

如上图，是antd的可选择列表，我们如何将普通列表变成可选择列表呢，这就用到了一个很重要的属性rowSelection。如下图，rowSelection属性是一个对象，他有很多的参数。下面是antd官网截图，关于rowSelection的功能配置。