在 Vue 中,父组件和子组件之间的通信方式有以下几种:
Prop
:父组件通过Prop
向子组件传递数据,子组件通过props
接收父组件传递的数据。$emit
:子组件通过$emit
触发父组件中定义的函数,从而将子组件中的数据传递给父组件。$attrs
和$listeners
:父组件通过$attrs
和$listeners
将数据传递给子组件,子组件通过$attrs
和$listeners
接收父组件传递的数据。provide
和inject
:父组件通过provide
将数据提供给子组件,子组件通过inject
接收父组件提供的数据。$refs
:父组件通过$refs
调用子组件的方法,从而达到通信的目的。
在父组件中通过修改props
的值,传递新的数据给子组件,从而触发子组件的更新。