摘要: vue-router编程式导航 1 页面导航的两种方式 声明式导航:通过点击链接实现导航的方式,叫做声明式导航 例如:普通网页中的 <a></a> 链接 或 vue 中的 <router-link></router-link> 编程式导航:通过调用JavaScript形式的API实现导航的方式,叫做 阅读全文
posted @ 2020-04-19 22:19 一纸年华 阅读(16) 评论(0) 推荐(0) 编辑
摘要: vue-router命名路由 1 命名路由的配置规则 为了更加方便的表示路由的路径,可以给路由规则起一个别名,即为“命名路由”。 const router = new VueRouter({ routes: [ { path: '/user/:id', name: 'user', component 阅读全文
posted @ 2020-04-19 22:19 一纸年华 阅读(13) 评论(0) 推荐(0) 编辑
摘要: Vue Router动态路由匹配路由 1 动态匹配路由的基本用法 思考: <!– 有如下 3 个路由链接 --> <router-link to="/user/1">User1</router-link> <router-link to="/user/2">User2</router-link> < 阅读全文
posted @ 2020-04-19 22:18 一纸年华 阅读(10) 评论(0) 推荐(0) 编辑
摘要: Vue Router嵌套路由 1 嵌套路由用法 1.1 嵌套路由分析 点击父级路由链接显示模板内容 模板内容中又有子级路由链接 点击子级路由链接显示子级模板内容 1.2 父路由组件模板 父级路由链接 父组件路由填充位 <p> <router-link to="/user">User</router- 阅读全文
posted @ 2020-04-19 22:17 一纸年华 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 2 Vue Router Vue Router(官网:https://router.vuejs.org/zh/)是 Vue.js 官方的路由管理器。 它和 Vue.js 的核心深度集成,可以非常方便的用于SPA应用程序的开发. Vue Router功能: 支持HTML5 历史模式或 hash 模式 阅读全文
posted @ 2020-04-19 22:15 一纸年华 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 路由 路由是一个比较广义和抽象的概念,路由的本质就是对应关系。 比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。 在开发中,路由分为:后端路由和前端路由 路由分为前端路由和后端路由 1).后端 阅读全文
posted @ 2020-04-19 22:13 一纸年华 阅读(1) 评论(0) 推荐(0) 编辑