Vue 父子和子父 组件通信

父子组件通信

1. 父组件中定义一个数据
   data( ) { return { money: 1111 } }
2. 在父组件的模板中，用 v-bind 将父组件的数据绑定在子组件身上
   
3. 在子组件的选项中，通过props选项来接收这个属性
   props : [ ’ aa ’ ]
4. 这个属性可以在子组件的模板中以全局变量的形式使用

子父组件通信

1. 现在子组件中定义一个数据
   data( ) { return { money: 2000 } }
2. 在父组件中也定义一个数据，这个数据用来接收子组件传递过来的数据
   data ( ) { return { bank: 1000 } }
3. 在父组件中定义一个事件处理程序，用于改变父组件定义的数据，这个事件处理程序是有参数的，这个参数就是子组件传递过来的数据
   methods: { bankAdd ( val ) { this.bank += val } }
4. 将这个事件处理程序通过事件绑定的形式绑定在子组件身上
   
5. 在子组件中定义一个事件处理程序，这事件处理程序中通过 this.KaTeX parse error: Expected '}', got 'EOF' at end of input: …ive ( ) { this.emit ( ‘aa’ , this.money ) } }

实现点击发红包，私房钱金额每次增加2000，显示如下：