3
Store

yutent edited this page 2023-11-15 20:15:34 +08:00

状态管理

这是一个比较简单的状态管理库, 不支持复杂的逻辑。使用也比较简单。

import { createStore } from 'wkitd'


const store = createStore({
  foo: 123,
  bar: {
    goo: 6666
  }
})

app.use(store)

在任意wkit组件内, 都可以通过this.$store访问到该对象, 修改store中的任意属性, 均会同步更新到各个组件的视图。

在非wkit组件中, 可以使用getStore()获取到store对象。



class Foo extends Component {

  mounted() {
      
    watch('$store.foo', val => {
       // todo...
    })
    
  }

}