vue-router
文章平均质量分 51
进击的a伟
这个作者很懒,什么都没留下…
展开
-
Vue-router07 导航跳转push、replace、go
声明式导航(点击链接):普通网页中点击<a> 链接、vue 项目中点击<router-link> 都属于声明式导航 编程式导航(调用API方法):普通网页中调用location.href 跳转到新页面的方式 ①this.$router.push('hash 地址') 跳转到指定hash 地址,并增加一条历史记录②this.$router.replace('hash 地址') 跳转到指定的hash 地址,不增加历史记录并替换掉当前的历史记录 ③this.$...原创 2022-03-27 15:39:15 · 966 阅读 · 0 评论 -
vue-router06-查询参数 、路径参数、路径
1:在 hash 地址中, / 后面的参数项,叫做“路径参数” 在路由“参数对象”中,需要使用 this.$route.params 来访问路径参数 2:在 hash 地址中,? 后面的参数项,叫做“查询参数” 在路由“参数对象”中,需要使用 this.$route.query 来访问查询参数 3:在 this.$route 中,path 只是路径部分;fullPath 是完整的地址 例如: /movie/2?name=zs%20age%3D20是 f...原创 2022-03-27 15:12:02 · 2099 阅读 · 0 评论 -
Vue-router05-*动态路由 参数传递的两种方法
一、第一种方法($route.params.id) 现在要实现 在movie组件中this.$route.params.id 可得出当前路由中的id,小技巧this可加可不加都能得到id movie组件中 showthis中得到的this下的参数对象 其中this.$route是路由的参数对象 二、第二种方法-props传参 props方法的使用条件,当该路由有动态参数项(:id)的时候 才加入props:true属性来开启动态参数的传递 在index.js文件中..原创 2022-03-27 15:07:06 · 1594 阅读 · 0 评论 -
Vue-router 04重定义、alias别名
一、重定义 如果我们想从另一个不是home网址的链接中回到home主页,我们可以通过重定义的方法也返回home主页,重定义的组件都是要在index.js的routes数组中,再次添加对象, 对象中包含1.path(path如果不传参可以随便起个名字) path的用途:path中的新名字会添加到routerlink标签 中to键的值中 <router-link to="/新名...原创 2022-03-24 11:35:27 · 2081 阅读 · 0 评论 -
Vue-router03单页面多路由操作
1.一个页面中有多个<router-view>区域 这里面Appvue组件中,<router-view>中name是自己随意取一个,这个name的值一会在index.js中会用到 2.路由中引入了两个页面 这个里面的component 如果里面有一个组件不加s 如果里面有多个组件加s components components中的default是默认页面 上图中设置的默认页面是hello ...原创 2022-03-24 10:27:46 · 1705 阅读 · 0 评论 -
vue-router 02子路由及路由传参
一、加入要想在Hi页面下面诞生两个子路由, 1.第一步先在Hi页面中放入<router-view></router-view> 因为子路由Hi1,Hi2到时候要显示在这个Hi的根路由里面,必须在这个根路由里面显示所以要在这个里面写入router-view 标签 如果不写该标签 点入Hi1时 Hi1中的内容没法显示出来 接下来就是在router/index.js文件中操作了 2.先导入 Hi1,Hi2组件 然后在子路由的根路由处加入children 在chil...原创 2022-03-23 20:04:35 · 1299 阅读 · 0 评论 -
Vue-router 01安装配置即常识
vue-router配置安装 入门原创 2022-03-23 16:53:28 · 523 阅读 · 0 评论