vue props怎么用

在 Vue 中，props 是一个用于接收父组件传递过来的数据的属性。下面是使用 Vue props 的步骤：

1. 在子组件中定义 props。例如，在子组件中定义一个名为 `message` 的 props：

   Vue.component('child-component', {
     props: ['message'],
     template: '<div>{{ message }}</div>'
   })

2. 在父组件中使用子组件，并通过 `v-bind` 指令将数据传递给子组件的 props：

   <child-component v-bind:message="hello"></child-component>

在这个例子中，我们将 `hello` 这个数据绑定到了子组件的 `message` props 上。

3. 在子组件中使用 props。在子组件的模板中，可以像使用普通的数据一样使用 props：

   <div>{{ message }}</div>

这就是使用 Vue props 的基本步骤。需要注意的是，props 是单向数据流，也就是说，父组件中的数据可以传递给子组件，但是子组件不能直接修改父组件中的数据。如果需要修改父组件中的数据，可以通过 `$emit` 方法向父组件发送一个事件，并将需要修改的数据作为参数传递给父组件。