vue3.0+ts项目中的组件通信

下面将结合实际业务场景，对vue3.0+ts项目中的父子组件通信进行梳理。1、父组件我们假设我们有这样一个父组件Parent.vue，点击编辑按钮后弹出我们的子组件弹窗Model.vue。在使用子组件时，我们使用双向绑定visible，参数rowInfo，更新方法getSystemList。接下来我们看看如何在子组件中保持与父组件的通信。我们的父组件是这样的：2.子组件先让我们先接收参数来自父组件的visible和rowInfo并保存在对象props中，然后我们就可以在子组件中使用props中的数据了。接下来，我们定义（defineEmits）update事件：1.当弹窗关闭时，'update:visible'同步通知父组件更新visible的值。2.'getSystemList'当我们操作弹窗中的窗体保存数据，点击确定后，会通知父组件更新数据。

;我们的子组件大概是这样的：以上是一个简单的父子通信的例子，希望对你有所帮助。