vuex 多用於不同頁面之間的資料共用和修改

2021-08-25 16:39:06 字數 1057 閱讀 5277

之前一直不理解vuex用於哪些方面,現在了解了,其實就類似於不同頁面之間的傳值,以前我們會用?key=value通過位址列來傳值,當然在vue中也可以通過位址列傳值,而現在我們也可以通過vuex來做資料傳遞和修改,其實就是把store當做乙個倉庫,當乙個頁面的值改變時,另乙個頁面的這個值也相應改變,而這個值的修改,是在store中統一做修改的。

例子如下:該例子是略過actions直接讓元件呼叫mutations,多用於值的同步改變,而值的非同步改變可通過actions來做

import vue from 'vue'

import vuex from 'vuex'

import state from './state.js'

import mutations from './mutations.js'

vue.use(vuex)

//通過vuex建立乙個倉庫,倉庫中包含state,actions,nutations

export default new vuex.store()

//有的使用者可能會關閉本地儲存,如果關閉的話用localstorage會報錯

let defaultcity = '上海'

try}catch(e){}

export default

export default catch(e){}    }}

import from 'vuex'

export default

methods:

updatecity()

this.changecity(city)

...mapmutations(["changecity"])   //修改值

這三者一致

Windows Gadget不同的頁面之間互相訪問

在gadget中,我們可以在setting,flyout,及gadget頁面進行互訪,例如 可以在setting頁面呼叫sysetm.gadget.document訪問gadget主頁面的document物件,呼叫system.gadget.flyout.document訪問flyout頁面的doc...

不同編碼頁面之間表單的提交方法

accept charset 屬性規定伺服器處理表單資料所接受的字符集。accept charset 屬性允許您指定一系列字符集,伺服器必須支援這些字符集,從而得以正確解釋表單中的資料。該屬性的值是用引號包含字符集名稱列表。如果可接受字符集與使用者所使用的字元即不相匹配的話,瀏覽器可以選擇忽略表單或...

瀏覽器不同頁面之間的通訊

1 在b頁面中可以使用window.opener獲得a頁面的window控制代碼,使用該控制代碼即可呼叫a頁面中的物件,函式等。例如a頁面定義js函式onclosepageb,在b頁面可以用window.opener.onclosepageb來進行 2 使用 window.showmodaldial...