Edit

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 })