单页面跳转怎么实现点击注册页面的时候只显示注册登录页面

实现单页面跳转通常使用Vue.js的路由功能。你可以使用Vue.js的vue-router插件来实现单页面应用程序中的路由。以下是一个基本的示例：

1. 首先，你需要安装vue-router插件。你可以使用npm或yarn来安装它：

npm install vue-router --save

或者

yarn add vue-router

2. 在Vue.js应用程序的入口文件（通常是main.js）中导入vue-router并创建一个新的VueRouter实例，如下所示：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from './components/Login.vue'
import Register from './components/Register.vue'

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    {
      path: '/login',
      component: Login
    },
    {
      path: '/register',
      component: Register
    }
  ]
})

new Vue({
  el: '#app',
  router,
  // ...
})

在这个示例中，我们导入了Vue.js和VueRouter，并在Vue.js中注册了VueRouter插件。我们还定义了两个路由：一个路由用于登录组件，另一个路由用于注册组件。

3. 在模板中，你可以使用Vue.js的router-link组件来创建链接，如下所示：

<router-link to="/login">登录</router-link>
<router-link to="/register">注册</router-link>

这些链接将在单击时导航到相应的路由。当路由变化时，Vue.js将使用相应的组件替换应用程序中的现有组件，从而实现单页面应用程序的路由。

在这个示例中，当用户单击“登录”链接时，Vue.js将显示Login组件，当用户单击“注册”链接时，Vue.js将显示Register组件。你可以在Login和Register组件中定义相应的模板和逻辑来处理用户的登录和注册。