Vue父子组件相互传值的一个小案例

Vue父子组件相互传值的小案例

通过控制一个子组件的点击事件，从而去控制另一个子页面的显示和隐藏。
现在有三个页面，一个是父组件，一个是左边菜单，一个是右边菜单，当点击左边菜单的按钮时，左边菜单立即隐藏，右边菜单则显示。
下面是效果图：点击之前的效果

点击之后的效果：

下面直接贴代码：
这是父组件：

<template>
  <div>
    <!--    这是父组件-->
    <div class="heard">
      <button-test :isShow="isShow"></button-test>
      <computer-module @change="change"