高精度全局权限处理

权限的控制由前端处理的场景很多，例如根据后台返回内容，判断该人是否对此功能有权限，进而去修改元素v-if / v-show，这种情况下，当这个功能在多处地方出现，就会导致我们做很多很多不必要的重复代码，如果判断条件繁琐的情况，更加冗余，代码量也会增加很多。因此我们可以造一个小车轮，挂在全局上对权限进行处理

在项目里新建一个common文件夹用于存放全局 .js 文件
这种全局文件夹做法相当普遍，一般项目里都应该有这样一个文件夹来管理全局的东西

// common/jurisdiction.js  用于存放与权限相关的全局函数/变量
export function checkJurisdiction(key) {
    // 权限数组
    let jurisdictionList = ['1', '2', '3', '5']
    let index = jurisdictionList.indexOf(key)

    if (index > -1) {
        // 有权限
        return true
    } else {
        // 无权限
        return false
    }
}

什么是响应式?

首先响应式是一个过程，由两个参与者组成，一个是触发者，另个是响应者

• 触发者：数据
• 响应者：引用数据的函数 (vue3中称之为副作用函数(effect))

当数据改变时，引用数据的副作用函数响应数据的改变并重新执行，这个过程就是响应式

响应式核心：Proxy 代理

new Proxy 传入一个源对象，返回一个Proxy实例

vue 渐进式javasrcipt框架

什么是渐进式

渐进式是指我们开始使用该框架的一部分功能来满足我们的需求，在后期需求增加时我们可以对框架的其他功能进行拓展，我们不用一开始就全面的采用该框架的所有功能和特性，这使得我们的整个系统变的更灵活，像这样逐步集成的方式就叫做渐进式

学习文档

vue 官方文档: https://cn.vuejs.org/