taoza

本文整理来自深入Vue3+TypeScript技术栈-coderwhy大神新课，只作为个人笔记记录使用，请大家多支持王红元老师。 非父子组件的通信 在开发中，我们构建了组件树之后，除了父子组件之间的通

Vue3中，组件之间的通信方式也有了一些新的变化。本文将详细介绍三种Vue3，setup语法糖中兄弟组件之间通信的方式：全局事件总线mitt，$bus、provide和inject方法、以及pinia

provide/inject父传子孙 在Vue2.2.0之后，Vue提供了provide/inject选项 父组件提供数据： 子孙组件inject接收直接使用： 使用全局事件总线mitt库，兄弟组件传

1、provide和inject 提供一个值，可以在应用中的所有后代组件注入使用。不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 in

Vue2.x 使用 EventBus 事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如 mitt 或 tiny-emitter。

mitt 在 Vue 3 中，mitt 是一个轻量级的事件总线库，用于实现组件之间的通信。相比于 Vue 2 中的 EventBus，mitt 更加小巧（仅 200 字节），

vue-hooks-plus 一个基于 vue3.x 的高性能 hooks 库。意在提供强大的网络请求管理器提高开发效率。并且提供了丰富的 hooks 方法。

前言 Storybook是一种UI开发工具。它通过隔离组件使开发更快更容易，它可以一次只处理一个组件，使用storybook可以开发整个ui，同时不需要启动一个复杂的开发项目，强制将某些数据放入数据库

开始搭建后台系统的核心就是权限，不同的权限对应不同的侧边导航。一般的逻辑是：登录后获取得到token，再通过token获取用户信息（用户名、账号、角色、权限等），从接口获取到菜单后，计算出路由，并动态