Vue父子组件通信实践

​

Vue父子组件通信实践

本期看点

组件（Component）是Vue.js的核心部分，组件的作用域是孤立的，所以不能在子组件模板内直接引用父组件的数据，但是组件之间的通信是必不可少的。组件A在其模板中使用了组件B，A组件要向B组件传递数据，B组件要将其内部发生的事情告知A组件，那么A、B组件怎么进行通信呢？

Vue.js父子组件的关系可以总结为props down，events up，父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。

作者

乔淑夷，从事京麦工作台前端架构及开发工作，熟练运用h5，css3，js，jquery等前端技术，熟悉vue，angular等开源框架。

全文阅读：「Vue父子组件通信实践」

欢迎关注“LinkedKeeper”微信公众号。LinkedKeeper是一个致力于打造高品质的技术资源社区。于2013年建站，于2016年1月正式更名为 LinkedKeeper，寓意为，让知识传播，使你我互联。

LinkedKeeper 微信公众号