effector-vue

Vue bindings for effector
31,454 4,854
Install
npm install effector-vue
Latest Version:23.2.0
Vue:1 · 2 · 3
License:MIT
Last Updated:Oct 19, 2026
Links: GitHub  ·  npm
Maintainer: drelliot

effector-vue

Vue bindings for effector

Installation

npm install --save effector effector-vue

Or using yarn

yarn add effector effector-vue

Usage

import {createStore, createEvent} from 'effector'

export const inputText = createEvent()

export const $text = createStore('').on(inputText, (_, text) => text)

export const $size = $text.map(text => text.length)
<script lang="ts" setup>
  import {useUnit} from 'effector-vue/composition'
  import {$text, $size, inputText} from './model'

  const text = useUnit($text)
  const size = useUnit($size)

  const handleTextChange = useUnit(inputText)
</script>

<template>
  <form>
    <input
      type="text"
      @input="(e) => handleTextChange(e.currentTarget.value)"
      :value="text"
    />
    <p>Length: {{ size }}</p>
  </form>
</template>

Try it

useUnit in docs Units in docs createStore in docs createEvent in docs

Related Packages

@persevie/statemanjs-vue

Vue wrap over proper state manager for JavaScript

27,735 59
@korijn/vue-store

Lightweight Vue 3 composition API-compatible store pattern library

2,397 24
@nanostores/vue

Vue integration for Nano Stores, a tiny state manager with many atomic tree-shak...

930,917 74
svue

Svue is a small (~2kb) library bringing Vue-style reactive stores with data and...

1,071 8
nanostores

A tiny (351 bytes) state manager for React/Preact/Vue/Svelte with many atomic tr...

202,069,944 7,630

Version History

Version Released License
23.2.0 MIT
23.1.1 MIT
23.1.0 MIT
23.0.0 MIT
22.2.0 MIT
Pre-releases (7)
Version Released License
23.0.0-rc.6 MIT
23.0.0-rc.5 MIT
23.0.0-rc.4 MIT
0.18.3-beta.1 MIT
0.18.0-rc.3 MIT