vue项目不用路由如何在app.vue 中设置登录页优先显示

要实现在 Vue 项目中不使用路由来设置登录页优先显示，可以通过条件渲染来实现。在 `App.vue` 组件中，你可以使用一个变量来控制登录页和其他页面的显示与隐藏。

首先，在 `data` 中定义一个变量，比如 `isLoginPage`，初始值为 `true`，表示登录页应该优先显示。

然后，在模板中使用 `v-if` 指令来根据 `isLoginPage` 的值来决定显示的内容。将登录页的内容放在一个 `div` 中，并使用 `v-if="isLoginPage"` 来控制其显示与隐藏。

<template>
  <div>
    <div v-if="isLoginPage">
      <!-- 登录页内容 -->
    </div>
    <div v-else>
      <!-- 其他页面内容 -->
    </div>
  </div>
</template>

接下来，在登录成功后，你可以通过修改 `isLoginPage` 的值来切换到其他页面。比如，在登录成功的处理函数中，将 `isLoginPage` 的值设为 `false`。

methods: {
  login() {
    // 登录逻辑处理

    // 登录成功后切换到其他页面
    this.isLoginPage = false;
  }
}

这样，当应用启动时，由于初始值为 `true`，登录页就会优先显示。而在登录成功后，通过修改 `isLoginPage` 的值为 `false`，就会切换到其他页面。

注意：虽然这种方式可以实现登录页优先显示，但是没有使用路由会导致无法使用路由相关的功能，比如导航、路由守卫等。如果需要使用这些功能，建议还是使用 Vue 路由来管理页面的切换。