2.8.1 • Published 6 months ago
micro-reactive v2.8.1
MICRO REACTIVE
简介
Reactive core based on
Function
andProxy
API 文档
/* micro-reactive */
const data = useReactive({ id: 1, value: 0 });
// 直接修改根对象,不会丢失响应
data({ id: 2, value: 1 });
// 链式调用
data.id(3);
console.log(data()); // { id: 3, value: 1 }
// 直接解构,不需要 toRefs() 操作
const { value } = data;
value(-1);
console.log(data()); // { id: 3, value: -1 }
/* vue3 */
let data = reactive({ id: 1, value: 0 });
// 以下修改操作会导致丢失响应式
data = reactive({ id: 2, value: 1 });
// 链式调用
data.id = 3;
console.log(data); // { id: 3, value 1 }
// 解构
const { value } = toRefs(data);
value.value = -1;
console.log(data); // { id: 2, value -1 }
/* solid */
const [data, setData] = createSignal({ id: 1, value: 0 }, { equals: false });
setData({ id: 2, value: 1 });
// 链式调用修改
setData((data) => {
data.id = 3;
return data;
});
console.log(data()); // { id: 3, value 1 }
// solid 原生不支持解构
安装
# pnpm
pnpm i micro-reactive
# or npm
npm i micro-reactive
# or yarn
yarn add micro-reactive
在线运行
案例
import { useReactive, useEffect } from "micro-reactive";
// 创建响应式对象
const data = useReactive(1);
let double = NaN;
useEffect(() => {
// 读取data, 不加参数为读取操作
double = data() * 2;
});
console.log(double); // 2
// data写入3,加参数为写入操作
data(3);
console.log(double); // 6
测试
2.8.1
6 months ago
2.5.0
8 months ago
2.7.0
8 months ago
2.6.1
8 months ago
2.6.0
8 months ago
2.6.3
8 months ago
2.8.0
8 months ago
2.6.2
8 months ago
2.6.4
8 months ago
2.4.1
9 months ago
2.4.0
9 months ago
2.4.3
9 months ago
2.3.4
9 months ago
2.4.2
9 months ago
2.4.4
9 months ago
2.3.5
9 months ago
2.3.3
2 years ago
2.3.2
2 years ago
2.3.1
2 years ago
2.3.0
2 years ago
2.2.5
2 years ago
2.2.4
2 years ago
2.2.3
2 years ago
2.2.2
2 years ago
2.2.1
2 years ago
2.2.0
2 years ago
2.1.2
2 years ago
2.1.1
2 years ago
2.1.0
2 years ago
2.0.2
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.6.5
2 years ago
1.6.4
2 years ago
1.6.3
2 years ago
1.6.2
2 years ago
1.6.1
2 years ago
1.6.0
2 years ago
1.5.0
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago