Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://effector.dev/en/api/effector-vue/useVModel below:

Website Navigation

• effector
• Blog

useVModel | effector

import { useVModel } from "effector-vue/composition";

A hook function, which subscribes to a watcher that observes changes in the current store, so when recording results, the component will automatically update. It is primarily used when working with forms (v-model) in Vue 3.

useVModel($store: Store<State>): Ref<UnwrapRef<State>>;

Designed for Vue 3.

1. $store (Store)
2. shape of Stores (Store)

(State)

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>

import { createStore, createApi } from "effector";
import { useVModel } from "effector-vue/composition";
const $name = createStore("");
const $surname = createStore("");
const $skills = createStore([]);
const model = {
  name: $name,
  surname: $surname,
  skills: $skills,
};
export default {
  setup() {
    const user = useVModel(model);
    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>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4