学习博客：【Vue】路由钩子与异步请求

「已注销」

已于 2022-06-17 23:30:56 修改

阅读量459

点赞数

分类专栏： Vue 文章标签： vue.js 学习 javascript

于 2022-06-17 23:30:31 首次发布

本文链接：https://blog.youkuaiyun.com/Aurinko324/article/details/125341668

版权

本文介绍了Vue的两种路由模式：hash和history，以及404页面的处理。详细讲解了路由钩子函数beforeRouteEnter和beforeRouteLeave的使用，包括如何通过next控制路由跳转。同时，文章还探讨了如何在路由钩子中进行异步请求，并提供了axios的安装及导入组件的方法，结合data.json进行实例演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两种路由模式

hash：路径带#
history：不带#

export default new VueRouter({
   
  mode: 'history',
  routes:[
  ]
});

404

<template>
  <div>
    <h1>404,页面不存在</h1>
  </div>
</template>

<script>
export default {
  name: "NotFound"
}
</script>

<style scoped>

</style>

导入组件

import NotFound from '../views/NotFound'

路由

最低0.47元/天解锁文章