useVModel(store)

Creates a hook function, which subscribes to watcher, that observes changes in the current store, so when recording results, the component will update automatically. Basically this hook use when need to work with forms (v-model)

Arguments

  1. store (Store)

Returns

(State)

Example

import {createStore, createApi} from 'effector'
import {useVModel} from 'effector-vue/composition'
const $user = createStore({
name: '',
surname '',
skills: ['CSS', 'HTML']
})
export default {
setup() {
const user = useVModel($user);
return {
user
}
}
}
<div id="app">
<input type="text" v-model="user.name" />
<input type="text" v-model="user.surname" />
<div>
<input type="checkbox" v-model="user.skills" value="HTML" />
<input type="checkbox" v-model="user.skills" value="CSS" />
<input type="checkbox" v-model="user.skills" value="JS" />
</div>
</div>
Last updated on