vue通过URL传递参数

用参数前加:来传递
1**.绑定参数**:在router>index.js来配置路由
比如说我们传递两个值newId和newTitle(配置文件里以:冒号的形式传递参数,这就是对参数的绑定).
这里写图片描述

2**传递参数的值**:在APP.vue中设置——此时newId的值为12/newTitle的值如图

这里写图片描述

3.获取参数值:首先我们得在components下面建一个params.vue组件:参数的获取是用{{ $route.params.newId}}
vue通过URL传递参数_第1张图片

4.在我们的页面中就可以看到传递的值:

vue通过URL传递参数_第2张图片

5.正则表达式在URL传值中的应用
上边的例子,我们传递了id,如果需要我们的值有一个类型,这时候我们就需要在传递时有个基本的类型判断,vue是支持正则的。
加入正则需要在路由配置文件里(/src/router/index.js)以圆括号的形式加入。

 path: '/params/:newId(填写正则表达式)/:newTitle'

你可能感兴趣的:(vue)