vue中props穿着

在 Vue.js 中，`props`（属性）是父组件向子组件传递数据的一种机制。"穿着"（或者说 "props 的使用"）通常指的是父组件如何定义并使用它们来设置子组件的状态。以下是一些关键点：

1. 定义 props：父组件通过 `props` 对象定义要传递给子组件的数据。例如：

   Vue.component('child-component', {
     props: {
       message: {
         type: String, // 数据类型（字符串）
         required: true, // 是否必填
         default: 'Hello from parent' // 默认值
       }
     },
     template: '<div>{{ message }}</div>'
   });

2. 接收 props：子组件通过 `v-bind` 或者简写为 `:` 来接收这些属性：

   <child-component :message="parentMessage"></child-component>

或

   <child-component message="{{ parentMessage }}"></child-component>

3. 父组件调用：在父组件实例中，你可以随时改变传递给子组件的 prop 值，如：

   new Vue({
     el: '#app',
     data: {
       parentMessage: 'Custom message'
     },
     components: { ChildComponent }
   });

4. 只读或只写：`props`默认是只读的，不能被子组件直接修改。若想允许子组件更改某些特定情况下的值，可以使用`emits`（事件总线）或者自定义方法。