vue学习日志--3-路由基础配置

路由使用Vue Router官方路由Home | Vue Router (vuejs.org)

在存放路由的文件夹创建index.js页面

首先引入createRouter和createWebHashHistory

根据文档创建routes数组，用于存放路由

children 是子路由也是文档里的嵌套路由

redirect 作用是重定向，可以重新定向到子路由页面，<router-view></router-view>可以通过这实现显示嵌套的页面

现在创建路由并传递，如下图

进入main.js页面，挂载路由

App.vue 要加入 <router-view></router-view> ，就完成路由的基础配置

页面跳转方法可以查看文档或下图显示(在方法里用)

vue学习日志--3-路由基础配置相关推荐

静态配置_【实验】华为静态路由基础配置
关注我,你的眼睛会怀孕一.静态路由功能介绍静态路由就是手工配置的路由,使得数据包能够按照预定的路径传送到指定的目标网络.当不能通过动态路由协议学到一些目标网络的路由时,配置静态路由就会显得十分重要 ...
【实验】华为静态路由基础配置
一.静态路由功能介绍静态路由就是手工配置的路由,使得数据包能够按照预定的路径传送到指定的目标网络.当不能通过动态路由协议学到一些目标网络的路由时,配置静态路由就会显得十分重要. 二.静态路由应用场景 ...
Vue学习之路（基础篇）
Vue学习之路(基础篇)
vue学习之VueRouter 路由
文章目录 vue router 1.认识路由的概念 1.1.何为路由 1.2.后端路由阶段 1.3.前端路由阶段 1.4.前端渲染和后端渲染? 2.前端路由的规则 2.1.URL的hash 方式 2. ...
vue 判断页面加载完成_在Vue+webpack中详细讲解基础配置
这篇文章主要介绍了Vue+webpack项目基础配置教程,需要的朋友可以参考下. 最近在学习webpack,跟着课程一个单页面应用,在这里记录一下. 这个部分主要讲了如何配置webpack的环境,以及 ...
vs vue 查看webpack安装成功_在Vue+webpack中详细讲解基础配置
这篇文章主要介绍了Vue+webpack项目基础配置教程,需要的朋友可以参考下. 最近在学习webpack,跟着课程一个单页面应用,在这里记录一下. 这个部分主要讲了如何配置webpack的环境,以及 ...
Golang学习日志 ━━ LiteIDE的主要配置
用LiteIDE开发golang半年换到VSCode,vs用了一年多后,最近又用回LiteIDE,感觉还是针对性强的IDE用起来舒适,界面什么不重要. 我个人一般什么东西都喜欢用默认配置,能不改的就不 ...
Vue学习笔记：路由详解
路由:Hash地址与页面的对应关系. 1.vue-router的基本使用 (1)安装vue-roouter包 npm i vue-roouter@3.5.2 -S (2)创建路由模块在src源代码目 ...
锐捷——静态路由基础配置
功能介绍: 静态路由就是手工配置的路由,使得数据包能够按照预定的路径传送到指定的目标网络.当不能通过动态路由协议学到一些目标网络的路由时,配置静态路由就会显得是否重要. 在以太网链路,配置静态路由的时 ...

vue学习日志--3-路由基础配置

vue学习日志--3-路由基础配置相关推荐

最新文章

热门文章