vue基础-组件之间传值

58 阅读1分钟

组件之间的传值:

父组件传递给子组件:

图片7.png子组件改变父组件的值:

步骤1

在子组件点击触发changeFu方法

图片8.png步骤二

使用this.$emit使用自定义事件传给父组件值

图片9.png步骤三

父组件监听自定义事件,是自己的方法shoudao来接收值,

并修改自己的msgStr的值

图片10.png步骤三:

触发方法来修改

图片11.png 子组件也可以传多个值给父组件:

图片12.png