「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」。 前言。在本文里，我提及的Vuex版本还是Vuex3，不是与Vue3相对应的Vuex4，因为Vue3的项目更多可能是用p

由于 vue3.2 版本的发布，`<script setup>` 的实验性标志已经去掉，已经陆陆续续有不少公司开始使用 `vue3.2`开发项目了。这篇文章就来帮助大家如何快速使用 `vue3.x`

首先vue-router是什么？ 官网上的介绍是最准确的，如下图所示。 知道了是什么，接下来我们将在vue-router里众多的功能里挑出最核心的来手写实现下。 [使用hash模式根据路由配置展示对应

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册 拦截器拦截接口返回结果，比如401没有登录权限。

一起看看Vue3给我们带来了哪些值得关注的新东西。 首先当然是万众瞩目的Composition API。 由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。最难受的是敲代码的时候不得不上下反复横跳，晃得眼瞎... 我们可以看…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…

这些知识可以看一下阮一峰老师的《ES6 入门教程》。 阅读源码，建议先过一遍该模块下的 API，了解一下有哪些功能。然后再看一遍相关的单元测试，单元测试一般会把所有的功能细节都测一边。对源码的功能有所了解后，再去阅读源码的细节，效果更好。 handler，包含捕捉器（trap）…

第一次接入公众号微信支付、分享、定位等等的坑的时候，心里是迷茫而又恐惧。因为，听说坑特别多，后来发现自己的亲身体验到了这一点。 问题: 微信公众号H5调起支付时，点击支付按钮出现“当前页面的URL未注册”的提示。 登录微信商户平台-产品中心-开发配置，配置支付授权路径。如果掉起…

终于到了讲解我们 Vue 的响应式原理，前面我们已经讲解了 Map，WeakMap，Set，WeakSet，Proxy，Reflect 这几个知识点。那么接下来思考下到底什么是响应式，就比如我们做一个公司的官网，然后要求必须兼容手机端，ipad 端，电脑端，内容屏幕大小变化而变…