Методы
 
import { createComponent } from "effector-vue";
since

createComponent появился в effector-vue 20.3.0

Создаёт компонент Vue 2 с привязанными к нему сторами. Сторы типизированы в this, это помогает при работе с TypeScript.

Методы

createComponent(options, store?)

Аргументы

  1. options (Object): опции компонента (хуки, методы, вычисляемые свойства)
  2. store (Object): объект сторов, передаётся компоненту как опция effector

Возвращает

(vue component)

Пример

<template> {{ $counter }} </template>
component.vue
import { createStore, createApi } from "effector";
import { createComponent } from "effector-vue";


const $counter = createStore(0);
const { update } = createApi($counter, {
  update: (_, value: number) => value,
});


export default createComponent(
  {
    name: "Counter",


    methods: {
      update,
      handleClick() {
        const value = this.$counter + 1; // this.$counter имеет тип number
        this.update(value);
      },
    },
  },
  { $counter },
);
Перевод поддерживается сообществом

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

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

Соавторы
Commits