vue组件通信

1.父组件传递数据给子组件

思路:在父组件中定义inputValue属性,然后再props接收参数
注意此方法是传递的动态数据,在父组件接收时需要应用:(v-bind的简写)接收
代码如下:

父组件



子组件




2.子组件向父组件传递
(1)子组件$emit,父组件v-on
思路:子组件使用$emit,$('自定义的事件名称',需要传递的参数),在父组件中v-on:自定义事件的名称=“接收到参数后的方法”

代码如下:

父组件



子组件



你可能感兴趣的:(vue组件通信)