vue props是干啥的

Vue.js是一个基于组件化的前端框架，props（属性）是Vue.js中组件之间通信的一种机制。通过使用props，父组件可以向子组件传递数据，子组件则可以使用这些数据进行渲染和操作。

在Vue.js中，每个组件都可以拥有自己的props选项，这个选项是一个对象，用于指定父组件传递给子组件的数据。在子组件中，我们可以通过props选项来声明我们需要使用的数据属性，这些属性的值来自于父组件传递过来的数据。

例如，我们可以在父组件中使用如下代码：

<template>
  <child-component message="Hello"></child-component>
</template>

在子组件中，我们可以通过如下代码来声明props选项：

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

<script>
export default {
  name: 'child-component',
  props: {
    message: String
  }
}
</script>

在上面的代码中，我们使用了props选项来定义了一个名为message的props，并指定它的类型为String。在子组件的模板中，我们可以使用{{ message }}来渲染这个props属性的值，即“Hello”。