Vue 中如何刷新 router-view 之外的组件内容

<template>
  <div>
    <h1>{{title}}</h1>
    <button @click="updateTitle">更新标题</button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      title: '初始标题'
    }
  },
  methods: {
    updateTitle () {
      this.title = '新的标题'
      this.$forceUpdate()
    }
  }
}
</script>
<p>在 Vue 中，router-view 是用来显示路由对应组件的容器。如果需要刷新 router-view 之外的组件，可以使用 Vue 中提供的强制更新方法 <code>$forceUpdate()</code>。这个方法会强制重新渲染组件，包括组件内部的所有子组件。可以在需要刷新的组件的 methods 中调用 <code>$forceUpdate()</code> 方法。</p>
<p>例如，点击按钮后会更新 title 的值，并调用 <code>$forceUpdate()</code> 方法强制重新渲染组件，从而刷新页面上的标题。</p>