Vue3与Vue2组件通信方式对比：父子组件主要通过props/$emit/v-model/slot等；祖孙组件使用$attrs/provide-inject；任意组件使用mitt/pinia。Vue3主要变化包括移除事件总线/改用mitt，vuex替换为pinia，合并.sync到v-model，$listeners并入$attrs，移除$children特性。Vue3在保持核心通信机制的同时，

React组件通信方法总结：1.props实现父子组件双向通信，需注意React与ReactDOM中props的区别；2.React通过props.children、自定义props传JSX和RenderProps三种方式模拟Vue的插槽功能；3.Context机制实现跨层级组件数据传递；4.此外还可使用Redux等状态管理库。

本文介绍了树形结构与列表结构相互转换的两种实现方法。在treeToList.ts中，使用深度优先搜索(DFS)将树形数据递归转换为列表结构。在listToTree.ts中提供了两种方案：O(n²)的简单实现通过双重循环构建树形结构；更高效的O(n)实现则利用哈希表存储节点，再通过两次遍历完成转换。文章还给出了TypeScript文件的传统运行方法：先安装TypeScript，编译.ts文件为.js