使用vm.$props属性可以接受上级组件向下级组件找手机品牌功能

在 Vue 中，父组件向子组件传递数据可以使用 `props`。在子组件中，可以通过 `this.$props` 或者 `vm.$props` 获取父组件传递过来的数据。

下面是一个简单的示例代码，展示了如何使用 `props` 将数据从父组件传递给子组件：

<!-- 父组件 -->
<template>
  <div>
    <child-component :brand="brand"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      brand: 'Apple'
    }
  }
}
</script>

<!-- 子组件 -->
<template>
  <div>
    <p>手机品牌：{{ brand }}</p>
  </div>
</template>

<script>
export default {
  props: {
    brand: {
      type: String,
      required: true
    }
  }
}
</script>

在上面的示例代码中，父组件中的 `brand` 数据通过 `props` 传递给了子组件。子组件中定义了一个 `brand` 的 `props`，并且通过 `{{ brand }}` 的方式将其展示出来。

在子组件中，可以通过 `this.$props.brand` 或者 `vm.$props.brand` 的方式获取到 `brand` 数据。其中，`vm` 代表当前组件实例的引用。