一、路由简介 前端路由： 路径 和 组件 的 映射关系（一一对应）； SPA： 单页面应用程序； 基于前端路由技术； 优点： 局部刷新，用户体验更好； 数据传递容易，开发效率高； 缺点： 开发成本高；

这是我参与更文挑战的第10天，活动详情查看： 更文挑战 介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预

这是我参与更文挑战的第12天，活动详情查看： 更文挑战 Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证

进入正题，做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。我们所要做到的是：不同的权限对应着不同的路由，同时侧边栏也需根据不同的权限，异步生成。这里先简单说一下，我实现登录和权限验证的思路。 登录：当用户填写…

项目总结 问题梳理 为什么要将token在Vuex和localStorage中各存一份 为什么要在axios拦截器中统一添加请求头 为什么要创建多个axios实例 Vue2 新增属性无响应式问题

Vue2 选项式API（对象形式） 只能有一个根元素/使用 this 访问变量 打包工具 Webpack 状态管理 Vuex 语法高亮插件 Vetur Vue3 组合式API（函数形式）

Slot翻译过来叫做插槽，也可称其为Vue的内容分发机制，它的主要作用就是向子组件的指定位置插入一段内容，这个内容可以是HTML或者其他的组件。

computed计算属性 计算属性：封装一段求值代码，基于现有数据，计算出一个新的数据。当依赖的数据发生变化时，计算属性会重新计算结果 使用场景：依赖现有数据，计算出一个新数据。如计算商品总价

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…