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},
)
Last updated on