一.去重前后数据对比 二.使用方法 使用filter和Map 🌟🌟🌟🌟🌟 使用reduce 🌟🌟🌟🌟 for循环 🌟🌟🌟 结论：filter和Reduce时间上差别不是太大，filter稍微更快一些，

数组去重是一个很常见的需求，而实现的方式也多种多样，接下来我们来看看有哪些实现方式。 一、普通方法 二、较快的方式 三、排序后对比 四、利用ES6的Set 五、利用Map去重

动态路由是一个常用的功能，根据后台返回的路由json表，前端动态显示可跳转的路由项，下面来讲解一下具体的实现方式

相信大家在工作中一定遇到过多层嵌套组件，而vue 的组件数据通信方式又有很多种。 比如vuex、$parent与$children、prop、$emit与$on、$attrs与$lisenters、eventBus、ref。 今天主要为大家分享的是provide和inject。…

动态切换主题颜色； 利用SCSS的mixin,@function,@include去解决 通过JS去修改颜色主题的class

配置动态路由菜单 keep-alive缓存不生效问题 > 用在其【一个】【直属】的子组件被切换。KeepAlive包裹仅有一个组件且是单层的路由

这是一篇实战经验分享文章，其中的一些具体的功能点为了简化就前端实现了，没有后端支持，主要目的是学习Vue3+Typescript的环境下结合Vuex@4.x以及Vue-Router@4.x的开发。大致需求是模拟实现购物车功能，功能比较简单，但还是当作一些简化版的项目来进行开发的…

多选框不选中的不计入总数量和总价格。 ②和③都依赖购物车的数据，①中点击添加购物车，主要把数据传递给②和③，②和③之间的数据修改也互相依赖，如果没有Vuex需要花时间精力在如何在组件中传值上。 下载模板vuex-cart-demo-template，里面已经将路由组件、样式组件…

defineProps 和 defineEmits 只能在<script setup>中使用。父组件要想获取子组件的数据，可以使用defineExpose