不想人vue页面进入router-view

您可以通过在路由配置中设置 meta 字段来限制访问权限。例如，您可以在需要限制访问的路由中添加 meta: { requiresAuth: true }，然后在全局导航守卫中检查该字段并根据需要重定向用户。

相关问题

router-view如何放置

要放置`router-view`，你需要在Vue的模板中使用它。`router-view`是Vue Router提供的一个组件，用于渲染匹配路由的组件。

首先，确保你已经正确安装和配置了Vue Router。然后，在你的Vue组件的模板中，找到你希望放置`router-view`的位置，并在该位置使用以下代码：

<router-view></router-view>

这将告诉Vue Router在该位置渲染匹配的组件。当用户访问不同的路由时，`router-view`会自动更新，显示相应路由规则下的组件。

请注意，`router-view`只能直接放在Vue组件的模板中，不能放在其他HTML元素或Vue指令内部。另外，如果你想要在同一个页面中同时显示多个路由组件，可以使用命名视图（named views）。

希望这可以帮助到你！如果还有其他问题，请随时问我。

vue-router 使用 html页面

根据提供引用内容，可以得知Vue.js是一个构建用户界面的渐进式框架，而vue-router是Vue.js官方提供的路由管理器。它可以帮助我们在Vue.js单页应用中管理页面之间的跳转。在Vue.js中，我们通常使用组件来构建页面，而不是使用传统的HTML页面。因此，使用vue-router时，我们也不会使用HTML页面来进行路由跳转。

在Vue.js中，我们可以使用`<router-link>`标签来实现路由跳转。该标签会被渲染成一个`<a>`标签，但是它不会像传统的`<a>`标签一样刷新整个页面，而是通过Vue.js的路由系统来实现页面的局部刷新。下面是一个简单的例子：

<template>
  <div>
    <router-link to="/">Home</router-link>
    <router-link to="/about">About</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

在上面的例子中，我们使用了`<router-link>`标签来实现路由跳转，`to`属性指定了跳转的路径。同时，我们还使用了`<router-view>`标签来显示当前路由对应的组件。

如果你想要使用HTML页面来实现路由跳转，可以考虑使用传统的前端框架，例如AngularJS或React等。