+Vue+mutations のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
+Vue+mutations へ行く。
- 1 (2022-12-15 (木) 11:49:08)

※前提条件：本文基于 Vue 2.0 创作

概要

概要 †[edit]

通俗理解mutations，里面装着一些改变数据方法的集合，这是Vuex设计很重要的一点，就是把处理数据逻辑方法全部放在mutations里面，使得数据和视图分离。

如何使用 mutations ？ mutation结构

每一个mutation都有一个字符串类型的事件类型(type)和回调函数(handler)，也可以理解为{type:handler()} ，这和订阅发布有点类似。先注册事件，当触发响应类型的时候调用handker()，调用type的时候需要用到store.commit方法。

const store = new Vuex.Store({
 state: {
   count: 1
 },
 mutations: {
   //注册事件，type:increment，handler第一个参数是state；
   increment (state) {
   	 // 变更状态
  	 state.count++
   }
 }
})
store.commit('increment')   //调用type，触发handler（state）

コメント：