A组件和B组件是兄弟组件,A向B传值
借助Bus.js来传值
- A组件通过事件触发,使用 $emit() 来传值
<script>
// 引入公共的bus,来做为中间传达的工具
import Bus from '@/bus.js'
export default {
data () {
return {
name: 4
}
},
methods: {
elementByValue(){
Bus.$emit('val', this.name)
}
}
}
</script>
- B组件通过 $on 事件来接收参数
<script>
import Bus from '@/bus.js'
export default {
mounted: function () {
// 用$on事件来接收参数
Bus.$on('val', (data) => {
console.log(data)
})
}
}
</script>