随着vue3.4版本的发布，defineModel也正式转正了。它可以简化父子组件之间的双向绑定，是目前官方推荐的双向绑定实现方式。

前言 需求是这样的，如下图，要实现这样一个筛选条件的组件，条件可以动态增加，点击且可以且字可以变成或，再次点击又变回去且！ 思路 总结 难道是不难，就是麻烦点，加油！

在我司业务实现中，时常需要 SQL 数据的可视化的且或条件拼接，能够动态增加条件，切换拼接条件，那么如何实现这样一个组件？

1.背景 在当下互联网高速发展的时代下，涉及到用户的隐私数据安全越发重要，一旦泄露将造成不可估量的后果。所以现在的业务系统开发中都会对用户隐私数据加密之后存储落库，同时还要求后端返回数据给前台之前进行

帮助不会写sql且或关系逻辑查询的用户，借助前端的且或过滤条件的交互，来实现类似后端的sql语句查询的功能。

本系列文章是为了帮助没有直接上手（或上手比较困难）做项目能力的初级前端开发工程师采用 V3 Admin Vite 开源模板来编写业务代码。

antd默认的下拉框只能显示名称，但是有些数据名称可能重复，比如说人名，这时候用户在选择的时候，希望看到更多的信息来区分，比如说工号或角色。 基于上面情况我们来封装一个用户体验不错的下拉框。

本文深入探讨了统一权限管理服务（MPS）的设计与开发，致力于解决企业内部多平台权限管理混乱的问题，通过综合RBAC、ACL、DAC权限模型，实现精细、灵活的权限控制。

引入版本信息文件，通过打包工具写入打包时间戳，worker轮询版本文件Etag判断是否更新，实现前端更新部署后通知用户刷新