# pardofelis

**Repository Path**: white-kite/pardofelis

## Basic Information

- **Project Name**: pardofelis
- **Description**: vue状态管理工具

参考 pinia  学习使用 effectScope  API

包名neta了崩三往世乐土商店的老板娘帕朵菲莉丝
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-04
- **Last Updated**: 2022-09-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vue-next, vue3, store, TypeScript

## README

# pardofelis

vue状态管理工具

> 参考 [pinia](https://pinia.vuejs.org/)  学习使用 effectScope  API

包名neta了崩三往世乐土商店的老板娘帕朵菲莉丝

## 安装

```ts


import {createApp} from 'vue'
import App from 'App.vue'
import {createFelis} from 'pardofelis'

const app = createApp(App)
const felis = createFelis()
app.use(felis)
```

## 定义store

```ts

import {defineStore} from 'pardofelis'
import {ref} from 'vue'

const useStore = defineStore({
    id: 'store',
    setup: () => {
        const foo = ref()
        const bar = () => {
            console.log(foo.value)
        }
        return {
            foo,
            bar
        }
    }
})
```

## 使用store

```ts
import {storeToRefs} from 'pardofelis'

const store = useStore()
store.foo
store.bar()
const {foo} = storeToRefs(store)
foo.value
```