<vertical-side title=“养老信息数据” :showList=“showList4”></vertical-side> showList4 更新了 子组件监听不到怎么办 给我代码 用set写

`<vertical-side title="养老信息数据" :showList="showList4"></vertical-side>` 是一个组件的模板代码，看起来像是使用Vue.js框架来实现组件间的父子通信。`showList4` 应该是一个数据属性，当这个属性更新时，子组件 `vertical-side` 期望能够响应这个变化。

在Vue.js中，如果子组件没有响应父组件 `showList4` 的更新，可能是因为数据没有使用Vue的响应式系统进行管理。为了解决这个问题，你可以使用Vue的 `this.$set` 方法来确保更新能够触发出响应。以下是一个可能的代码示例：

// 父组件中
data() {
  return {
    showList4: []
  };
},
methods: {
  updateShowList4(newVal) {
    // 使用 this.$set 来确保子组件能够响应这个更新
    this.$set(this, 'showList4', newVal);
  }
},
// ... 其他代码 ...

在上面的代码中，`updateShowList4` 方法使用了 `this.$set` 来更新 `showList4`。这样做可以确保Vue的响应式系统能够检测到 `showList4` 的变化，从而更新子组件。

请注意，如果你的数据结构是一个对象而不是数组，你可能需要对对象的属性使用 `this.$set`，如下所示：

// 对于对象
this.$set(this.someObject, 'key', value);

确保在调用 `updateShowList4` 方法时传入新的值，这样子组件就能通过Vue的响应式系统侦测到变化并作出相应的响应。