父子组件传值

来源：7-3 播放器Vuex的相关应用

aznmoe

2017-08-19

SongList 组件向父组件MusicList组件传值即 this.$emit('select', item, index)

之前一直以为父子组件传值是指那种直接相关联的。即 SongList 与 MusicList组件间相隔着 Scroll 组件，之前以为不可以直接传值。

现在情况厘一下是不是这样：

父子组件的传值，首先子组件SON 需先派发事件如视频中的 'select' 事件，之后在父组件FATHER（包含此组件的组件）视图上找到子组件SON，发现子组件SON 上的自定义事件 'select' ，之后接受

其中只需要在父组件Father 视图上包含这个子组件SON 就可以实现这样的父子传值吧。

请问我的理解正确吗？

写回答

1回答

ustbhuangyi

2017-08-20

已采纳

其实 $emit 是往当前实例上派发事件，并不是往父级派发事件。只不过我们在它的父级可以访问到这个实例，所以可以在它上面写事件监听，从而实现父子的通讯。

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1