@charrue/demi

介绍

受vue-demi启发，用于兼容@charrue/vump和vue的响应式API的工具包。

@charrue/vump和vue的响应式功能都是基于@vue/reactivity开发，但是watch API则不同。

Vue中的watch API是与框架强耦合的，@charrue/vump中的watch API是来源于@vue-reactivity/watch。

总之同样功能的hook，由于依赖的包不同，无法做到直接引用。为了解决此问题便开发出了@charrue/demi。

基础使用

npm install @charrue/demi

// package.json
{
  "scripts": {
    "postinstall": "charrue-demi-switch charrue"
  }
}

import { ref } from "@charrue/demi";

const useCounter = () => {
  const count = ref(0)
  const increase = () => {
    count.value += 1;
  }
  const decrease = () => {
    count.value -= 1;
  }

  return {
    count,
    decrease,
    increase
  }
}