输入为空的Vue.js中的空白页

<template>
  <div class="empty-page">
    <!-- 空白页内容 -->
  </div>
</template>

<script>
export default {
  // 组件逻辑
}
</script>

<style>
.empty-page {
  /* 空白页样式 */
}
</style>

import Vue from 'vue'
import VueRouter from 'vue-router'
import EmptyPage from '@/components/EmptyPage.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    component: EmptyPage
  }
]

const router = new VueRouter({
  routes
})

export default router

<template>
  <div>
    <router-link to="/">跳转到空白页</router-link>
    <button @click="goToEmptyPage">跳转到空白页</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToEmptyPage() {
      this.$router.push('/')
    }
  }
}
</script>