vue2 子组件给父组件传参

在Vue 2中，子组件向父组件传递数据通常通过props（属性）完成。子组件需要显式地声明哪些属性可以从父组件接收，并指定它们的数据类型。以下是基本步骤：

1. **在父组件中声明接收到的prop**:

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

   <script>
   export default {
     data() {
       return {
         parentMessage: 'Hello from Parent'
       };
     }
   };
   </script>

2. **在子组件中接收并使用prop**:

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

   <script>
   export default {
     props: {
       message: String // 指定数据类型为字符串
     },
     mounted() {
       console.log('Parent sent:', this.message);
     }
   };
   </script>

当父组件的数据发生变化时，子组件会自动更新显示新值。同时，注意不要直接修改prop的值，除非父组件明确允许这样做（通过提供一个响应式的setter方法`$emit`触发自定义事件）。