vue-store-lite
Vue Store Lite
Simple state management for Vue based on reactive API.
Install
npm install --save vue-store-lite
Usage
createStore(options):
import { createStore } from 'vue-store-lite';
export default createStore({
state: {
value: 0,
},
getters: {
doubleValue() {
return this.value * 2;
},
},
actions: {
add() {
this.value += 1;
},
},
});
Or createStoreFrom(object):
export default createStoreFrom({
value: 0,
get doubleValue() {
return this.value * 2;
},
add() {
this.value += 1;
},
});
Use it in component:
import store from './store';
export default defineComponent({
setup() {
return {
value: computed(() => store.value),
doubleValue: computed(() => store.doubleValue),
add: store.add,
};
},
});
License
Dependencies
Dependencies
@babel/core: ^7.14.3@babel/preset-env: ^7.14.2@babel/preset-typescript: ^7.13.0@rollup/plugin-babel: ^5.3.0@rollup/plugin-commonjs: ^19.0.0@rollup/plugin-node-resolve: ^13.0.0@types/jest: ^26.0.23@typescript-eslint/eslint-plugin: ^4.24.0@typescript-eslint/parser: ^4.24.0cross-env: ^7.0.3eslint: ^7.26.0eslint-config-airbnb-base: ^14.2.1eslint-config-prettier: ^8.3.0jest: ^26.6.3prettier: ^2.3.0rollup: ^2.48.0rollup-plugin-terser: ^7.0.2ts-jest: ^26.5.6ts-node: ^9.1.1typescript: ^4.2.4vue: ^3.0.0