### 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 就是傳過去的傳參數

總結

以上是生活随笔為你收集整理的vue 组件之间函数传递_组件之间相互传递参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。