vue 组件之间函数传递_组件之间相互传递参数

### RT:A,B两个页面传递参数

常用方法：`@click`的方式调用`$touter.push()`或者``的方式。

`push`方法：接收三个参数`name`,`params`,`query`;

* `$route.name`：路由配置中的`name`名称,vue中具有`全局全匹配片段`，意思就是这个`name`的名称是全局寻找到的，`动态片段`正则中的随机，正则语法都是可以的。

* `$route.path`:对应当前路由的路径，总是解析为绝对路径，如 `/foo/bar`

* `$route.params`:`name`和`params`总是一起出现的，而`path`和`query`总是在一起的。

* 其他的看url,[看业务场景](https://router.vuejs.org/zh-cn/api/route-object.html)

*

### 跳转路由

1. `@click`事件,

```

this.$router.push({ path: 'model', query: { operation: '123' } })

```

或者

```

this.$router.push({ name:'model',path:'./model',params: { operation: 123 }})

```

params中的path可填可不填

2. query:会在url地址中显示?operation=123;`params`Url中显示model/123

3. 使用`query`不需要设置路由，使用`params`需要设置路由

```

{

//配置的后缀参数

path: '/model/:operation',

//配置的参数可以选填,参数后面加一个？就可以了

path: '/model/:operation?',

//路由配置名称

name: 'model',

//引用的名称

component: model

},

```

接收：

this.$route.params.placeId

placeId 就是传过去的传参数