<courseInformation v-model="showDetail" :course-detail="courseDetail" /> <Popup :value="value" title="课程信息" @input="e => $emit('update:value', e)"> 双向绑定实现

在上述代码中，我们使用了 `v-model` 和 `:value` 两个属性来实现双向绑定。

`v-model` 绑定了 `showDetail` 变量，当 `showDetail` 变量的值发生改变时，`courseInformation` 组件也会相应地更新。

`:value` 绑定了 `value` 变量，它是 `Popup` 组件的一个属性。当 `value` 变量的值发生改变时，`Popup` 组件也会相应地更新。

在 `Popup` 组件中，我们使用了 `@input` 事件监听器来监听 `Popup` 组件的值发生改变的事件。当 `Popup` 组件的值发生改变时，我们通过 `$emit` 方法触发了一个名为 `'update:value'` 的事件，并将事件对象 `e` 作为参数传递了进去。这样，父组件就可以监听到这个事件，并相应地更新自己的状态了。