杨标的博客

通用权限控制系统设计与实现

通用权限控制系统一、功能图按照正常的情况下来设计，应该是5张表，分别是用户表，角色表，用户角色表，权限表，角色权限表，用户授予角色，角色再包含权限，这里我们简化一下，直接由用户到权限，然后再根据用户权限表来完成操作同时这里的权限，我们直接使用以下的等级与分类token权限，用户登录与未登录的区别页面

vite+vue3 打包后如何直接打开index.html文件

vue框架

vite + vue3 打包的文件，如果使用类似于nginx或者其他的服务器打开，可以正常打开，但如果直接点击打开index.html文件，页面会白屏，打开调试工具后发现如下跨域的报错。这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰，因为在这种场景下，是有需要直接打开inde

Vue3.0更新对比

vue框架

pinia的使用

vue框架

pinia的使用Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2 和 Vue3 都能支持抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库不需要嵌套模块，符合 Vue3 的 Composition ap

在vue3/vue-router4下使用keep-alive

vue框架

Vue3 script setup语法糖

vue框架

简介<scriptsetup>语法糖并不是新增的功能模块，它只是简化了以往的组合API（compositionApi）的必须返回（return）的写法，并且有更好的运行时性能。在setup函数中：所有ES模块导出都被认为是暴露给上下文的值，并包含在setup()返回对象中。相对于之前的写

vue基础

vue框架

vue基础一、vue概念Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用（单页面

vue组件化开发

vue框架

vue组件化开发在现行的MVVM数据驱动页面的框架里面（vue/react/angular），它们都是支持组件化开发的，组件化开发也叫虚拟dom(virtual-dom)开发一、存在的问题<body><divid="app"><ulclass=&qu

vue框架中的key详解

vue框架

vue框架中的key详解在之前进行列表渲染的时候，还有现在进行过渡动画的时候，我们在里面都看到了一个key。之前给同学样去给同学样讲解key的时候，这个东西不能重复，所以我们一般都会使用索引来进行不推荐使用index做吸如果执行是静态渲染，则使用index做为key无可厚非，如果执行的是动态的渲染，

vue过渡动画的使用

vue框架

vue过渡动画的使用一、vue过渡动画transtion<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta ht