请解释一下 Vue.js 中组件通信的几种方式，并举例说明其中一种的使用场景。

答题要点

可以采用列举法来回答，先列举出常见的组件通信方式，再详细阐述一种方式的使用场景。关键要点如下：1. 方式列举：常见的组件通信方式有 props、$emit、$parent、$children、$refs、event bus、Vuex 等。2. 选择一种方式：以 props 为例，它用于父组件向子组件传递数据。3. 使用场景：当子组件需要根据父组件的数据进行渲染时，就可以使用 props。比如在一个商品列表组件中，父组件传递商品数据给子组件进行展示。4. 代码示例：在父组件中定义数据，通过 v-bind 绑定到子组件的 props 上。示例思路：首先我会列举出 Vue.js 中常见的组件通信方式，然后选择 props 详细说明其使用场景，最后给出一个简单的代码示例展示如何使用 props 进行数据传递。