组件通信一 父子之间的通信方式

 

 没啥，就是写个基础的总结。就当我博客文是打怪的新手村吧……

一、父子通信：props接收

父组件赋值，

 

子组件插值引用，props接收

props是只读的，如果进行了修改会发出警告。如果需要进行操作数据修改，可以在data处复制一份数据来进行接收修改：

 

 

二：父子通信：传递函数类型的props实现

父 app组件

 

子 student 组件，props接收值后，触发事件传值过去

 

 

 三：父子通信：自定义事件通讯

父 app组件 此处可以换成v-on:chest="SchoolTest",一样的作用，一个简写而已

 

 子 school组件：使用this.$emit('事件',数据)触发自定义事件

 

 

或使用$refs 结合$on写法。这种写法比较灵活

 

• $on([‘event1’, ‘event2’], cb) // 监听多个事件
• $off([‘event1’, ‘event2’], cb) // 移除多个事件
• $off() // 移除事件不传参数
• $off(‘event1’) // 移除事件传一个参数
• $off(‘event1’, cb) // 移除事件传两个参数
• $emit(‘event1’, param1, param2) // 触发事件传参数