Vue 项目线上更新无需强制刷新的方案 在 Vue 项目中，当发布新版本后，用户可能因为浏览器缓存而继续使用旧版本。以下是几种实现无感更新的方案： 1. 使用文件哈希名（Webpack 默认配置） V

本文使用 View Transition API 实现 Element-Plus 主题切换动画，通过 CSS 变量和动态 clip-path 实现点击扩散效果。

Vite模块联邦(vite-plugin-federation)实现去中心化微前端后台管理系统架构。

首要任务 安装vite 创建vite.config.js文件 index.html vue-cli方式 在vue-cli，index.html文件是存放在public文件下的 vite方式 直接将in

1.effect中的所有属性，都会收集 effect。 2.当这个属性值发生变化，会重新执行 effect。 下面通过手写简易vue3响应式，深入理解吧。 vue2 是一上来就对data中的数据进行递归，vue3 是当取值时会进行代理。 vue3 的代理模式是懒代理。让某个对象…

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

解析：通过window.customElements方法可以创建自定义元素，里面的define方法就是用来指定自定义元素的名称，以及自定义元素对应的类。 这里有一个细节，自定义元素中间一定要用中划线隔开，不然是无效的。 这时候在这个类里面就可以定义元素里的所有内容了，这和Vue…