为什么vue路由点击不显示

Vue路由点击不显示的原因可能有以下几种：

1. 路由配置错误：检查你的路由配置是否正确，包括路由路径是否与组件路径匹配、路由名称是否正确等。可以使用Vue Devtools查看当前的路由信息，确保配置正确。

2. 组件引入错误：确认你的组件是否正确引入，组件路径是否正确。在Vue中，路由引入的组件需要使用import语句将组件引入，并在路由配置中进行注册。

3. 路由跳转错误：检查你的路由跳转逻辑是否正确。例如，使用router-link进行路由跳转时，确保to属性指定的路由路径是正确的，参数是否正确传递等。

4. 缓存问题：如果之前访问过相同的路由，可能会导致组件被缓存而不被重新渲染。可以尝试在路由配置中设置组件的keep-alive属性为false，强制每次都重新渲染组件。

5. 组件渲染问题：检查你的组件是否正确渲染。可以使用Vue Devtools查看组件是否被正确渲染，并检查组件中是否存在错误的逻辑或语法。

综上所述，如果Vue路由点击不显示，最常见的原因是路由配置错误、组件引入错误、路由跳转错误、缓存问题或组件渲染问题。通过逐一排查以上可能原因，你应该能够找到并解决问题。

1. 路由配置错误：Vue路由需要正确配置才能正确显示页面。首先需要检查是否正确定义了路由路径和对应的组件。可以在路由配置文件中找到对应的路径和组件名称，确保它们没有被错误地定义或拼写错误。

2. 未正确使用标签：是Vue路由的核心组件，用于渲染匹配到的组件。在Vue模板中，需要确保使用标签来显示路由组件。如果没有正确放置标签，点击路由链接时不会显示任何内容。

3. 运行环境问题：如果点击路由链接后没有显示内容，可以检查浏览器的控制台是否报错。可能是因为缺少依赖项或浏览器不支持某些功能而导致的错误。检查控制台中的错误信息，可以帮助定位问题的原因。

4. 路由模式配置错误：Vue路由有两种模式，分别是hash模式和history模式。如果配置了错误的模式，点击链接时可能会导致页面不显示。可以在路由配置文件中检查mode属性的值是否设置正确。

5. 路由导航守卫问题：Vue路由提供了导航守卫功能，可以在路由跳转前后执行一些逻辑操作。如果在导航守卫中存在错误的逻辑或者阻塞了页面渲染，可能会导致点击路由链接后不显示内容。检查导航守卫的逻辑是否正确，是否有阻塞页面渲染的操作。

如果在使用Vue路由时，点击后没有显示页面，可能是以下几个原因：

1. 路由配置错误：检查是否正确配置了路由。在Vue项目的router/index.js文件中，应该包含路由的配置信息。确保每个路由都有对应的组件。

2. 路由跳转方式错误：如果使用的是<router-link>来进行路由跳转，确保to属性设置正确。to属性应该与路由配置中的path对应。

   <router-link to="/home">Home</router-link>
   

   如果是使用编程方式跳转路由，确保调用router.push方法时传入了正确的路径。

   this.$router.push('/home');
   

3. 子路由配置错误：如果使用了子路由，检查是否正确配置了子路由。子路由应该在父路由的组件中使用<router-view>标签进行渲染。

   {
     path: '/home',
     component: Home,
     children: [
       {
         path: '',
         component: SubPage
       }
     ]
   }
   

   <template>
     <div>
       <h1>Home Page</h1>
       <router-view></router-view>
     </div>
   </template>
   

4. 路由模式设置错误：Vue路由有两种模式，分别是hash模式和history模式。默认情况下，使用的是hash模式，URL中会有一个#符号。如果想要去除#符号，可以使用history模式。

   修改路由配置中的mode属性：

   const router = new VueRouter({
     mode: 'history',
     routes: [...]
   });
   

   注意，使用history模式需要服务器的支持，详细参考Vue官方文档。

5. 组件未正确导入：如果在路由配置中使用了组件，确保在使用之前正确导入了组件。

   import Home from '../components/Home.vue';
   

6. 路由守卫拦截：如果在路由跳转前进行了路由守卫的拦截操作，在拦截函数中可能会有一些逻辑错误导致路由无法正常跳转。检查路由守卫中的代码是否正确。

总之，检查以上几个方面，可以帮助解决Vue路由点击不显示页面的问题。