VUE3 --->vue-router4 获取路由对象与参数

#记录#

1. 创建路由实例由 createRouter 实现
2. 路由模式
  1.  history 模式使用 createWebHistory()         
  2. hash 模式使用 createWebHashHistory()    地址栏带 # 
  3. 参数是基础路径,默认/
路由的基础地址是 vite.config.js中的 base 配置的值, 默认是 / , 环境变量地址: https://cn.vitejs.dev/guide/env-and-mode.html

在vue3 组合式api中 

获取路由对象  router  useRouter

  • const router  = useRouter()

获取路由参数 route    useRouter

  • const route = useRoute()

注: 带 r 为对象  不带 为参数

你可能感兴趣的:(vue3,vue.js,前端,javascript)