本文为 Vue3+Vite 项目实战系列教程文章第三篇，系列文章建议从头观看效果更佳，本文接上文还是继续介绍多布局，核心是边栏布局的搭建以及布局的动态切换。

Vuex 是一个专为 Vue.js 应用程序开发的状态管理插件。它采用集中式存储管理应用的所有组件的状态，而更改状态的唯一方法是提交mutation，例this.$store.commit('SET_VIDEO_PAUSE', video_pause，SET_VIDEO_PAU…

vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 风格的后台管理系统。 yarn > npm > cnpm: - 包管理工具. Ant Design Vue Icon …

这个大型表单解决方案的本质在于将大表单拆分成多个子表单，这个在表单拆分篇中已经完整演示说明过；后面大量篇幅都是我在实践中遇到的附加需求，比如辅助锚点工具、数据比对等。实践中，不仅仅有演示中那些简单的表

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

在我的开源项目中有一个组件是用来发送消息和展示消息的，这个组件的逻辑很复杂也是我整个项目的灵魂所在，单文件代码有1100多行。我每次用webstorm编辑这个文件时，电脑cpu温度都会飙升并伴随着卡顿。 就在前几天我终于忍不住了，意识到了Vue2的optionsAPI的缺陷，决…

✅ 一个对话框需要的基本要素「标题，内容，确定/取消按钮」。内容需要灵活，所以可以是字符串，或一段 html 代码（也就是 slot ）。 ✅ 对话框需要“跳出”，避免来自父组件的“束缚”，用 Vue3 Teleport 内置组件包裹。 ✅ 调用对话框需要在每个父组件都进行引入…

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

不久前，朋友说掘金社区有很多精彩的文章可以看（然而我来了后却发现，大佬们的文章我大部分看不下去【太难了】，反而是掘金的沸点比较有趣，很多搞笑的程序员使我近期迷上了逛社区），但是，光看不发总觉得像是在白嫖。所以呢，趁着最近公司的任务比较轻松，我就正好把近期看的一些文章以及练手的小…