组件通信:父子之间的通信方式
作者:互联网
没啥,就是写个基础的总结。就当我博客文是打怪的新手村吧……
一、父子通信: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) // 触发事件传参数
标签:off,移除,通信,父子,事件,props,组件,event1 来源: https://www.cnblogs.com/web1/p/16278760.html