puex
Features
- Small size, the goal is to have a 1kB state management library.
- Similar to Vuex
- Dropped unnecessary features (for specific use cases).
- Every developer that knows Vuex knows Puex already.
vue-devtools
: It just works™.
Install
yarn add puex
Usage
Create store instance
// store.js Vue const store = state: {} mutations: {} actions: {} plugins:
Bind store instance
In order to access store
in every component:
// In your root Vue instance: store // this.$store will be available in component
store
- store.state
readonly
- store.mutations
- store.actions
- store.commit(type, payload)
- store.dispatch(type, payload)
- store.subscribe(subscriber)
- store.replaceState(newState)
- store.mapState(map)
- store.mapActions(map)
- store.mapMutations(map)
API
Constructor
const store = state mutations actions
state
state
is nothing special, it can be either an object or a function that returns an object, then you can access it via store.state
which will be read-only, to replace root state you can use store.replaceState(newState)
instead.
mutations
const mutations = { statecount += amount } store
NOTE: You can only mutate state inside a mutation.
actions
const actions = { return } store
plugins
const loggerPlugin = { store} plugins: loggerPlugin
store.subscribe(subscriber)
const unsubscribe = store
store.replaceState(newState)
Replace root state.
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Author
puex © egoist, Released under the MIT License.
Authored and maintained by egoist with help from contributors (list).
egoistian.com · GitHub @egoist · Twitter @_egoistlily