使用v-show指令控制页面1主页及页面2关于页面的显示与隐藏。为超链接添加点击事件响应实现：使用指令修饰符实现点击以上超链接阻止页面跳转。

代码示例：

<template>
  <div>
    <nav>
      <a href="#" v-show="currentPage !== 'home'" @click.prevent="currentPage = 'home'">主页</a>
      <a href="#" v-show="currentPage !== 'about'" @click.prevent="currentPage = 'about'">关于页面</a>
    </nav>
    <div v-show="currentPage === 'home'">
      <h1>欢迎来到主页</h1>
      <p>这是我们的主页</p>
    </div>
    <div v-show="currentPage === 'about'">
      <h1>关于我们</h1>
      <p>我们是一家公司，致力于提供优质的产品和服务。</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 'home'
    }
  }
}
</script>

在上面的代码中，我们使用了v-show指令来控制页面1和页面2的显示与隐藏。当currentPage等于'home'时，只有页面1会显示；当currentPage等于'about'时，只有页面2会显示。

我们还在超链接上添加了@click.prevent修饰符，这可以防止默认的页面跳转行为。这样，当用户点击超链接时，只会改变currentPage的值，而不会导致整个页面的刷新。