vue---路由

1，param方式

• 配置路由格式：/router/:id 
• 传递的方式：在path后面跟上对应的值
• 传递后形成的路径：/router/123 

1）路由定义

 2）路由跳转

<router-link :to=’字符串的形式/或对象’>

this.$router.push(字符串的形式/或对象(必须为name属性))

this.$router.push('/user/' + wade)

3）参数获取

通过 $route.params.userid 获取传递的值

路由的params参数

使用：

1，使用占位符声明接收params参数

 

 2，To字符串写法：

 3，To对象写法：（必须使用name配置！！！）

 2，query方式

• 配置路由格式：/router，也就是普通配置
• 传递的方式：对象中使用query的key作为传递方式
• 传递后形成的路径：/route?id=123 

1）跳转方法

<router-link :to="{ name: 'users'(或path:’/user’), query: { uname: james }}"></router-link>

this.$router.push({ name: 'users'(或path:’/user’), query:{ uname:james }})

this.$router.push('/user?uname=' + jsmes)

2）获取参数

通过$route.query 获取传递的值

路由的query参数

1，to的字符串写法

绑定并采用反引号（模板字符串），使用${。。。。}

 2，to的对象写法