Vue父子组件传参

逻辑跟代码的示例解释说明我大都写在了代码备注上，这里就不过多的文字性说明了，直接上代码！

Fu.vue:

<template>
  <div>
      <p>
          <b>子组件</b>
          <!-- 前面的data是子组件里接收数据的变量名，后面data_fu是父组件里数据的变量名 -->
          <Zi :data="data_fu" @pro_fu="get_info"></Zi>   <!-- :data="data_fu"  展示从父组件传到子组件的参数（数据）-->
          <!-- <Zi :data='data_fu' @fu_data="get_info"></Zi>  把子组件的内容全部放到父组件来展示-->
      </p>

      <br><br>

      <p>
          <b>父组件</b>
          <br>

          <button @click="fu_data">传递参数给子组件</button>

          <br>
          {
  {data_2}}  <!-- 展示子组件定义的内容 -->
      </p>
  </div>
</template>

<script>
import Zi from "./Zi"       // 导入子组件