摘要: 1.在浏览器中,点击链接实现导航的方式,叫做声明式导航,例如: 普通网页中点击<a>链接、vue项目中点击<router-link>都属于声明式导航 2.在浏览器中,调用API方法实现导航的方式,叫做编程式导航,例如: 普通网页中调用location.href跳转到新页面的方式,属于编程式导航 vu 阅读全文
posted @ 2021-09-15 23:01 ajaXJson 阅读(266) 评论(0) 推荐(0) 编辑
摘要: <!-- 注意3在this.$route中,path只是路径部分,fullPath是完整地址 --> <!-- fullPath: "/movie/2?name=zs%20age%3D28" --> <!-- path: "/movie/2" --> <!-- query: {name: 'zs a 阅读全文
posted @ 2021-09-15 23:01 ajaXJson 阅读(1432) 评论(0) 推荐(0) 编辑
摘要: App2.vue <template> <div class="app-container"> <h1>App2 组件</h1>​ <router-link to="/movie/1">电影1</router-link> <router-link to="/movie/2">电影2</router- 阅读全文
posted @ 2021-09-15 23:00 ajaXJson 阅读(59) 评论(0) 推荐(0) 编辑
摘要: index.js props:true开启props传参 const router = new VueRouter({ routes: [ {path:'/movie/:mid',component:Movie,props:true} ]}) Movies.vue props接受传参 <templa 阅读全文
posted @ 2021-09-15 23:00 ajaXJson 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 1.组件路由重定向 index.js添加redirect属性,页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向 在子路由中添加redirect属性 re 阅读全文
posted @ 2021-09-15 22:59 ajaXJson 阅读(766) 评论(0) 推荐(0) 编辑
摘要: 1.在About.vue页面添加子路由链接 注意:这里需要加斜杠 <router-link to="/about/tab1">tab1</router-link> <router-link to="/about/tab2">tab2</router-link> <hr/> 2.添加子级路由占位符 < 阅读全文
posted @ 2021-09-15 00:16 ajaXJson 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1.组件路由重定向 index.js添加redirect属性,页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向 在子路由中添加redirect属性 re 阅读全文
posted @ 2021-09-15 00:16 ajaXJson 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 一、配置路由 在src下新建router/index.js文件 import Vue from 'vue'import VueRouter from 'vue-router'// 把VueRouter安装为Vue项目的插件Vue.use(VueRouter)// 创建路由的实例对象const rou 阅读全文
posted @ 2021-09-15 00:15 ajaXJson 阅读(88) 评论(0) 推荐(0) 编辑