vue 通訊 傳值的多種方式

目錄四、vuex

1、兩個元件 a和b,a元件通過query把orderid傳遞給b元件（觸發事件可以是點選事件、鉤子函式等）

this.$router.push( }) // 跳轉到b

this.$route.query.orderid

const orderdata = 

sessionstorage.setitem('快取名稱', json.stringify(orderdata))

const datab = json.parse(sessionstorage.getitem('快取名稱'))

假如接收的引數 是動態的，比如 input輸入的內容 v-model的形式

參考：

Vue通訊 傳值的多種方式

this.router.push 跳轉到bthis.route.query.orderid 兩個元件a和b，在a元件中設定快取orderdata const orderdata sessionstorage.setitem 快取名稱 json.stringify orderdata const da...

vue通訊 傳值的多種方式

一 通過路由帶引數進行傳值 兩個元件 a和b,a元件通過query把orderid傳遞給b元件 觸發事件可以是點選事件 鉤子函式等 this.router.push 跳轉到b 在b元件中獲取a元件傳遞過來的引數 this.route.query.orderid 二 通過設定 session stor...

Vue傳值方式

1.provide和inject實現祖先與後代元件傳值 祖先元件 export default provide 後代元件 export default 2.props實現父向子傳值 父元件 zhnagsan age 2 子元件 export default 3.emit實現子元件傳資料給父元件 子元...