【Vue3 第十四章】父组件和子组件数据通信、子组件暴露树形给父组件

一、概述

在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。
父子通信是Vue项目开发过程中最常见使用最频繁的通信方式，可以解决大部分开发中的数据通信问题，简单易操作。此文章主要介绍父组件传递数据给子组件，以及子组件传递数据给父组件、子组件暴露树形给父组件三个部分的内容。

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
权限系统-商城
个人博客地址

Vue 开发中常见的三种数据传递情况：父传子、子传父、非父子组件间值的传递