Vuex狀態管理機制的基本使用

2021-10-10 13:40:54 字數 1023 閱讀 2504

安裝vuex,建立乙個store資料夾index.js檔案

npm

install vuex

2.在index.js檔案中匯入vue和vuex,並全域性使用vuex

import vue from "vue"

import vuex from 'vuex'

vue.use(vuex)//全域性使用vuex

//new 乙個vuex.store(

倉庫export default new vuex.store(

, //自定義乙個名稱,用來修改狀態,也是唯一用來修改狀態的,它可以唄devtools除錯工具記錄一切修改的狀態。

mutations: ,

showtabbar(state, data)

}, actions:

})

3.在main.js中匯入index,並使用。

import vue from 'vue'

import store from './store'

vue.config.productiontip =

false

new vue(

).$mount

()

4.在元件上可以直接獲取store的狀態,可以根據需求更改。

v-show=

"$store.state.isshow"

console.log(this.$store.state)//列印出store狀態

this.$store.commit(

'hidetabbar', false)//傳送修改store狀態 mutations

this.$store.commit(

'showtabbar', ture)//將mutations裡面的showtabbar改為ture

5.如果建立store遵循使用的程式建立,還可以通過vue-devtools偵錯程式檢視store內的所有狀態的修改

Vue學習之狀態管理機制Vuex

3 使用 var store new vuex.store 儲存資料 mutations 突變,用於修改state的值 actions 動作,用於呼叫突變執行資料的改變 new vue 方法2 陣列中的引數要與state中的值保持一致 vuex.mapstate count 方法3 vuex.map...

HTTP狀態管理機制之Cookie

cookie 最早是網景公司的雇員 lou montulli 在1993年3月發明,後被 w3c 採納,目前 cookie 已經成為標準,所有的主流瀏覽器如 ie chrome firefox opera 等都支援。cookie 的誕生是由於 http 協議的天生缺陷,http 是一種無狀態的協議,...

Windows的管理機制

windows的管理機制 一 核心態和使用者態 1.為了保證作業系統的穩定性和安全性,windows將處理器的執行模式分為核心態和使用者態。2.使用者的應用程式執行在使用者態,而作業系統的核心 和裝置驅動程式執行在核心態 3.處在使用者態的應用程式不能直接對作業系統的核心資料直接訪問,必要時只能通過...