Vuex存值與取值

2021-10-05 12:24:05 字數 2134 閱讀 2698

存值

methods:

}

取值

methods:

}

store的index.js中

import vue from

'vue'

import vuex from

'vuex'

import handle from

'./handle'

vue.

use(vuex)

export

default

newvuex.store(,

// 改變state中變數的方法,mutations是改變state資料的唯一途徑,commit()

mutations:

,// 做邏輯操作,計算、傳送ajax,dispath()

actions:

,// 根據state中的資料,計算資料

getters:

, modules:

})

store的handle.js中

let state =

let mutations =

}export

default

// 儲存引數

this

.$store.

dispatch

(, params)

;

2.vuex

(1)index.js

/**

* 步驟一

* vuex 入口檔案

*/// 引入 vue

import vue from

'vue'

// 引入 vuex

import vuex from

'vuex'

import actions from

'./actions'

import mutations from

'./mutations'

vue.

use(vuex)

;// 匯出

export

default

newvuex.store(,

actions})

;

(2)types.js

/**

* 步驟二

* 狀態(型別)

*/// 審批歷史頁請求引數

export

const

=;

(3)actions.js

/**

* 步驟三

* 管理事件(行為)

*/// 引入 狀態(型別),用於提交到mutations

import

*as types from

'./types'

// 匯出

export

default

, res)

=>

}

(4)mutations.js

/**

* 步驟四

* 突變(處理狀態改變)

*/import

from

'./types'

// 引入 getters

import getters from

'./getters'

// 定義、初始化資料

const state =

}// 定義 mutations

const mutations =

}// 匯出

export

default

(5)getters.js

/**

* 步驟五

* 獲取資料

*/// 匯出

export

default

}

3.取值

import

from

'vuex'

;export

default

, methods:

}}

vuex 存值 及 取值 的操作

1.傳值 定義引數 let params 儲存引數 步驟一 vuex 入口檔案 引入 vue import vue from vue 引入 vuex import vuex from vuex import actions from actions import mutations from mut...

JS如何對Cookie進行存值,取值和清除操作

在做專案的過程中,我們經常會對cookie進行操作。例如我們常見的存值,取值,清除指定的cookie和清除全部的cookie以及給存放的cookie設定過期時間等等。所以,根據做專案中發現的這些問題在此做個總結。cookie中獲取網域名稱 cookie中獲取網域名稱 function getcook...

堆疊存值關係

url 1,堆存引用 棧存值,可共享 2,int a 3 堆中建立乙個a的引用 棧中建立3的字面值 a這個引用指向3這個值 3,string str abc 1 堆中建立乙個str的引用 2 棧中查詢有沒有存放值為 abc 的位址,如果沒有,則開闢乙個存放字面值為 abc 的位址,接著建立乙個新的s...