网站建设合同标的,自己做网站要学什么软件,广州市官网网站建设,网站后台管理系统需求VueRouter4路由语法解析 1.创建路由实例由createRouter实现
2.路由模式
1#xff09;history模式使用createWebHistory()#xff1a;地址栏不带#
2#xff09;hash模式使用createWebHashHistory()#xff1a;地址栏带#
3#xff09;参数是基础路径#xff0c;默认/
… VueRouter4路由语法解析 1.创建路由实例由createRouter实现
2.路由模式
1history模式使用createWebHistory()地址栏不带#
2hash模式使用createWebHashHistory()地址栏带#
3参数是基础路径默认/
括号里的就是设置路径的前缀此处是个变量也可以设置固定值 import.meta.env.BASE_URLvite中的环境变量
在vite.config.js文件中配置base设置import.meta.env.BASE_URL 详细参考环境变量和模式 | Vite 官方中文文档
向前兼容vue2语法比如在模板中使用$router.push(路径)也可以跳转但是在js中使用this.$router.push(路径)不可以跳转因为vue3中获取不到this
在Vue3 Composition中
import { useRouter, useRoute } from vue-router
获取路由对象 router useRouter
const routeruseRouter()
获取路由参数 route useRoute
const routeuseRoute()
这样就可以用router.push(路径)来跳转页面了
路由的设计和配置
首先需要提前设计好整个项目的架子搭建好一级路由、二级路由等的架子 在src/views文件夹下创建各个模块的页面 在src/router/index.js中配置路径
