vue框架---路由的使用和知识

一些小知识点：

• ./ 表示当前目录 ../表示上级目录
• import 这是es6的语法 表示定义
• @表示src目录
• router-link用于路由跳转就是和a标签差不多的
• 在router-link里面to要写绝对的地址而 path里面就不用

动态路由：

1. .user/:username

path: '/goods/:goodsId/',添加一个这个path地址 在8080端口后面加上goods/动态id 就生成了一个路由

2. user/:username/post/:post_id

path: '/goods/:goodsId/user/:name', 这就是多加了一个name 变得更加私密了吧，可选择的属性就多了

嵌套路由：

children:[

{

path:'title',

name:'title',

component:Title

}, 首先在routes创建他的子路由 然后在相应的里面放一歌router-lint to链接

编程式路由： 通过js来实现页面的跳转

<button @click="jump">bu-显示购物车页面</button>通过绑定一个click事件

methods:{

jump(){

this.$router.push({path:'/cart?goodsId=123'});

}

}然后在方法里面写上这个函数 push也可以有另一种用法 就是push（'/cart'）

命名路由：通过name来选取

添加一个name属性，然后<router-link v-bind:to="{name:'cart'}" 在这个标签里面添加他的名字