使用组件通信展示商品信息;线上购物的商品数量随着线上购物的发展而变得越来越多，如何快速地将所有商品信息展示在新零售销售商品列表页面中成了商家急需解决的问题。

利用Vue组件的父组件向子组件通信，通过已经设置好的空模板，在Vue实例中定义商品信息的属性，实现在页面中展示商品信息。;实现在页面中展示商品信息，如下图。;注册一个全局组件。

为组件设置props选项和template选项。

实现在页面中展示商品信息。;父组件向子组件通信

子组件向父组件通信

非父子组件之间通信;组件是一个具有独立功能的整体。组件之间相互建立联系的过程称为组件通信。实现组件通信有3种。

父组件向子组件通信

子组件向父组件