为什么要使用异步组件 节省打包出的结果，异步组件分开打包，采用jsonp的方式进行加载，有效解决文件过大的问题。 核心就是包组件定义变成一个函数，依赖import() 语法，可以实现文件的分割加载。

前言 📖 一、在线预览 👀 Link：https://admin.spicyboy.cn 二、Git 仓库地址 (欢迎 Star⭐⭐⭐) Gitee：https://gitee.com/laramie

相信有很多这样的兄弟，学了 Vue3 的各种 API和新特性 ，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。今天就把实战过程中遇到的十个场景分享给大家。

本文已参加评论抽周边礼物活动，掘金徽章*2，评论相关内容即可参与抽奖 [查看详情](https://juejin.cn/post/7000643252957216782 "https://juejin

一、前言二、界面三、动态效果图四、github源码地址（欢迎star，谢谢~）https://github.com/CB-ysx/pageDesign五、在线预览地址http://pagedesign

组件化可视化性能优化Reason一、组件和抽象二、组件库设计原则粒度一个组件不应该引用另一组件？稳定三、父子组件如何依赖？四、设计禁区五、设计规范先行六、组件库工程化最佳实践七、总结展望八、实时案例展

使用Vue开发的过程中，我们经常会遇到一个状态可能会在多个组件之间使用，比如我们在做项目时使用到的用户的信息，什么昵称、头像这些，这些信息会在不同的组件用到，一旦改变这些状态，我们希望其他组件也跟随变化，比如用户充值了100元，或者改变了昵称，所以这个时候就需要状态管理模式来集…

前提回顾第一：props/$emitApp.vuecomponents/Foo.vuecomponents/Bar.vue第二：$refs/refApp.vue的代码同上省略components/Fo

已经推荐了 面试项目、CSS 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。 以下为【前端GitHub】的第 16 期精华内容。 1. Vue3 中文文档 先给大家提供 3 个 Vue3 …