Методы
 
import { VueEffector } from "effector-vue/options-vue3";
since

effector-vue/options-vue3 появился в effector-vue 23.1.0

Плагин effector-vue для Options API во Vue 3. Он создаёт миксин, который читает опцию effector компонента. Помогает перевести большую кодовую базу с Vue 2.

Методы

VueEffector(app)

Аргументы

  1. app (instance Vue): экземпляр приложения Vue

Возвращает

(void)

Примеры

Установка плагина

import { createApp } from "vue";
import { VueEffector } from "effector-vue/options-vue3";


import App from "./App.vue";


const app = createApp(App);


app.use(VueEffector);

Опция effector

<template>
  <div>
    <span v-if="createPending">loading...</span>
    <p>{{ user.name }}</p>
    <button @click="create">Create</button>
  </div>
</template>
import { $user, create, createFx } from 'model'


export default {
  name: 'VueComponent',
  effector: () => ({
    user: $user,
    createDone: createFx.done,
    createPending: createFx.pending,
  }),
  watch: {
    createDone() {
      // do something after the effect is done
    }
  },
  methods: {
    create, // template binding
    createFx,
  },
}
Перевод поддерживается сообществом

Документация на английском языке - самая актуальная, поскольку её пишет и обновляет команда effector. Перевод документации на другие языки осуществляется сообществом по мере наличия сил и желания.

Помните, что переведенные статьи могут быть неактуальными, поэтому для получения наиболее точной и актуальной информации рекомендуем использовать оригинальную англоязычную версию документации.

Соавторы
Commits