vue-blick
Super Simple State Management
Installation
npm install vue-blick
Usage
- Create your store
// store/alert-store.js
import { create } from 'vue-blick'
export default create({
message: 'Hello', // state
get reversedMessage() { // computed fields/getters
return this.message.split('').reverse().join('')
},
async setMessage(message) { // methods/actions
// await fetch(...)
this.message = message
}
})
- Inside any component
alert!
">
<template> <div>alert: {{ message }}div> <div>reversed alert: {{ reversedMessage }}div> <button @click="setMessage('World')">alert!button> template> <script> import alertStore from './store/alert-store' export default { mixins: [ alertStore.map('message', 'reversedMessage', 'setMessage') ] } script>
Outside of vue templates
You can also access the raw observable state through store.state. Maybe you want to call a method from one store to another.
0 Apr 11, 2022
0 Jan 20, 2022
73 Dec 27, 2022
3 Jun 9, 2022
2 Dec 23, 2021
17 Nov 21, 2022
52 Jan 3, 2023
13.4k Jan 1, 2023
51 Jun 20, 2021
2 Sep 23, 2022
107 Aug 19, 2022
1 Dec 25, 2022
12 Oct 28, 2021
4 Dec 31, 2021
9 Apr 23, 2022
36 Nov 24, 2022
24 Jul 16, 2022
0 Dec 8, 2021
8 Dec 10, 2022