createComponent

createComponent(componentOptions, store?)

Arguments

  1. componentOptions (Object): component options (hooks, methods, computed properties)
  2. store (Object): Store object from effector

Returns

(vue component)

Example

<template> {{ $counter }} </template>
// component.vue
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 ( typescript tips )
        this.update(value);
      },
    },
  },
  { $counter },
);
Contributors