vuex Es6語法補充 Promise

2022-05-17 10:39:13 字數 1839 閱讀 5198

vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式,採用 集中式儲存管理

單頁面的狀態管理/多頁面狀態管理

使用步驟:

// 1.匯入

import vuex from 'vuex'

// 2.安裝外掛程式

vue.use(vuex)

// 3.建立物件

const store = new vuex.store(

})// 4.匯出

export default store

1.mutations狀態更新

mutation主要包括兩部分:

字串的事件型別(type)

乙個**函式(handler),該**函式的第乙個引數就是state。

// 定義方式:

decrement(state)

// 通過mutations更新

subtraction()

// 傳遞引數:

decrementcount(state,payload),

// 通過mutations更新

addcount(count))

}+5

mutations響應規則:

當給state中的物件新增新屬性時, 使用下面的方式:

方式一: 使用vue.set(obj, 'newprop', 123)

方式二: 用新的物件給舊物件重新賦值

2.getters使用

powercounter(state),

more20stu(state),

more20stulength(state,getters),

moreagestu(state)

return age=>

}

3.actions使用

context是和store物件具有相同方法和屬性的物件

我們可以通過context去進行commit相關的操作, 也可以獲取context.state等

context是上下文 相當於store

updateinfo(state)

clic()

// })

this.$store.

dispatch('aupdateinfo','我是攜帶資訊')

.then(res=>)},}

哈哈哈

es6語法補充-promise

promise是非同步程式設計的一種解決方案

// 1.定時器的非同步事件

new promise((resolve,reject)=>,1000)

}).then((data)=>).catch(err=>)

2.promise三種狀態

pending:等待狀態,比如正在進行網路請求,或者定時器沒有到時間。

fulfill:滿足狀態,當我們主動**了resolve時,就處於該狀態,並且會**.then()

reject:拒絕狀態,當我們主動**了reject時,就處於該狀態,並且會**.catch()

3.鏈式呼叫簡寫

1.return promise.resovle(data)

2.return data

3.promise的all方法使用

promise.all([

new promise((resolve,reject)=>)

},2000)

}),new promise((resolve,reject)=>,2000)

})]).then(results=>)

es6語法補充

es6語法補充 1.let關鍵字 var沒有變數提公升 let變數的宣告,會提公升到當前作用域的頂端 console.log city let city 北京 列印 北京 console.log city var city 北京 列印 undefined 2.模板字串 使用包裹文字 1的左邊那個鍵 ...

markdown語法補充

texstudio center src width 200 height 250 alt 這是一張 align center width 150 height 250 src div note 使用可以控制的大小,其中alt表示的對的描述,src表示的位址 face 黑體 我是黑體字 font f...

C C 部分語法補充

實現c 呼叫c語言的 即在該c 檔案中用編譯c語言的方式編譯該部分 class裡的變數若需要乙個同一的變數全域性使用,可將該變數定義成static int stat const char restrict pathname,struct stat restrict buf 返回乙個結構,裡面包括檔案...