# reactivity-shared

**Repository Path**: markthree/reactivity-shared

## Basic Information

- **Project Name**: reactivity-shared
- **Description**: 通用的@vue/reactivity的use-api
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-01-22
- **Last Updated**: 2022-01-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: use, vue-use, reactivity, shared

## README

# reactivity-shared


    通用的@vue/reactivity的use-api

<br />

## Motation 🐗

[vueuse](https://vueuse.org/) 是非常好用的 `use` 库，但却只能运行在 `web` 端，而这个库是 `vueuse` 中  不依赖环境的 `api` 👉 [@vueuse/shared](https://www.npmjs.com/package/@vueuse/shared) 的复刻与补充。可以运行在任何满足 `ES` 规范的环境，例如 `node`，`web` 等。当然也更激进，仅支持 `vue3`😋。

<br />

## Usage

### Install package

```sh
# npm
npm install reactivity-shared

# yarn
yarn install reactivity-shared

# pnpm
pnpm install reactivity-shared
```

### Import

```js
// ESM
import { ref, and, watch } from 'reactivity-shared'

const foo = ref(false)
const bar = ref(false)

watch(and(foo, bar), () => {
    console.log("foo 和 bar 都为 true")
})

// CommonJS
const { ref, and, watch } = require('reactivity-shared')

const foo = ref(false)
const bar = ref(false)

watch(and(foo, bar), () => {
    console.log("foo 和 bar 都为 true")
})
```

<br />

## License

Made with markthree

Published under [MIT License](./LICENSE).