Element 介绍Element 是饿了么前端团队开发的一个基于 Vue.js 的桌面端组件库，它提供的组件非常丰富，不仅功能强大，而且简单易用。Element 非常的流行，大多数基于 Vue.js 开发的管理系统都会使用到它。官网地址:https://element.eleme.cn/#/zh-CN安装推荐使用 npm 的方式安装，它能更好地和webpack打包工具配合使用。npm i ele

Vant 是有赞商城前端开发团队开发的一个基于 Vue.js 的移动端组件库，它提供了非常丰富的移动端功能组件，简单易用。官方文档GitHub 仓库下面是在 Vant 官网中列出的一些优点：60+ 高质量组件90% 单元测试覆盖率完善的中英文文档和示例支持按需引入支持主题定制支持国际化支持 TS支持 SSR在我们的项目中主要使用 Vant 作为核心组件库，下面我们根据官方文档将 Vant 导入项目

Element 介绍Element 是饿了么前端团队开发的一个基于 Vue.js 的桌面端组件库，它提供的组件非常丰富，不仅功能强大，而且简单易用。Element 非常的流行，大多数基于 Vue.js 开发的管理系统都会使用到它。官网地址:https://element.eleme.cn/#/zh-CN安装推荐使用 npm 的方式安装，它能更好地和webpack打包工具配合使用。npm i ele

作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫全局守卫:可以使用router.beforeEach注册一个全局前置守卫： 全局前置守卫：初始化时执行、每次路由切换前执行可以使用router.afterEach注册一个全局后置守卫： 全局后置守卫：初始化时执行、每次路由切换后执行守卫中的参数：to: Route: 即将要进入的目标（路由对象）from: Route: 当前导航正要离开的

为什么使用持久化目的: 让在vuex中管理的状态数据同时储存在本地。可免去自己储存的环节。在开发的过程中，像用户信息（名字，头像，token）需要vuex中储存且需要本地储存再例如，购物车如果需要未登录状态下也支持，如果管理在vuex中页面需要储存在本地使用步骤1. 首先：我们需要安装一个vuex的插件vuex-persistedstate来支持vuex的状态持久化npm i vuex-persi

shallowReactive 与 shallowRefshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?如果有一个对象数据，结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。如果有一个对象数据，后续功能不会修改该对象中的属性，而是生新的对象来替换