组件化开发是Vue的特色,同时也是未来前端开发的趋势,组件的相互调用也产生了组件沟通问题。在Vue1.X中我们使用$dispatch和$broadcast处理组件沟通问题,但是因为
因为基于组件树结构的事件流方式实在是让人难以理解,并且在组件结构扩展的过程中会变得越来越脆弱。Vue官方
因此这里我们也只讨论父子组件通信问题,并且忽略了CSS(我写的很丑。将就看吧 /滑稽)
父组件HTML
1.Vue组件之间传值
1.1父组件向子组件传值
1.组件内部通过props接收传递过来的值
📷
2.父组件通过属性将值传递给子组件
📷
父组件发送的形式是以属性的形式绑定值到子组件身上。
然后子组件用属性props接收
在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式的模板中没有这个限制
Vue组件之间传值
领取专属 10元无门槛券
手把手带您无忧上云