vue2子组件传值给父组件

在 Vue2 中，子组件向父组件传递数据的方式可以通过 `emit` 事件来实现。

1. 在子组件中使用 `$emit` 方法触发一个自定义事件，同时传递需要传递的数据：

   <template>
     <button @click="$emit('my-event', 'hello')">点击传值</button>
   </template>

2. 在父组件中监听这个自定义事件，并在事件处理函数中获取传递过来的数据：

   <template>
     <div>
       <child-component @my-event="handleEvent"></child-component>
       <p>从子组件传递的值为：{{ message }}</p>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         message: ''
       }
     },
     methods: {
       handleEvent(data) {
         this.message = data
       }
     }
   }
   </script>

在上面的例子中，子组件点击按钮时会触发 `my-event` 事件，并传递 `'hello'` 这个字符串作为数据。在父组件中监听到这个事件后，会执行 `handleEvent` 方法来获取传递过来的数据，并将其赋值给 `message` 变量，最终展示在模板中。