提交 fda5e7b4 编写于 作者: DCloud-WZF's avatar DCloud-WZF :speech_balloon:

refactor(reactivity): toValue

上级 05740e4a
......@@ -559,6 +559,11 @@ export default {
name: 'toRefs',
url: 'to-refs/to-refs'
},
{
id: 'to-value',
name: 'toValue',
url: 'to-value/to-value'
},
// #endif
]
}
......
const PAGE_PATH = '/pages/composition-api/reactivity/to-value/to-value'
const PAGE_PATH = '/pages/reactivity/utilities/to-value/to-value'
describe('toValue', () => {
if (process.env.uniTestPlatformInfo.startsWith('web')) {
......@@ -15,23 +15,23 @@ describe('toValue', () => {
})
it('basic', async () => {
const refCount = await page.$('#ref-count')
expect(await refCount.text()).toBe('ref count: 0')
expect(await refCount.text()).toBe('0')
const isRefRefCount = await page.$('#is-ref-ref-count')
expect(await isRefRefCount.text()).toBe('isRef ref count: true')
expect(await isRefRefCount.text()).toBe('true')
const count = await page.$('#count')
expect(await count.text()).toBe('count: 0')
expect(await count.text()).toBe('0')
const isRefCount = await page.$('#is-ref-count')
expect(await isRefCount.text()).toBe('isRef count: false')
expect(await isRefCount.text()).toBe('false')
const objNum = await page.$('#obj-num')
expect(await objNum.text()).toBe('obj.num: 0')
expect(await objNum.text()).toBe('0')
const toValueObjNum = await page.$('#to-value-obj-num')
expect(await toValueObjNum.text()).toBe('toValue(() => obj.num): 0')
expect(await toValueObjNum.text()).toBe('0')
const incrementBtn = await page.$('#increment-btn')
await incrementBtn.tap()
expect(await objNum.text()).toBe('obj.num: 1')
expect(await toValueObjNum.text()).toBe('toValue(() => obj.num): 1')
expect(await objNum.text()).toBe('1')
expect(await toValueObjNum.text()).toBe('1')
})
})
\ No newline at end of file
<template>
<view class="page">
<text id="ref-count">ref count: {{ refCount }}</text>
<text class="mt-10" id="is-ref-ref-count">isRef ref count: {{ isRefRefCount }}</text>
<text class="mt-10" id="count">count: {{ count }}</text>
<text class="mt-10" id="is-ref-count">isRef count: {{ isRefCount }}</text>
<text class="mt-10" id="obj-num">obj.num: {{ obj.num }}</text>
<text class="mt-10" id="to-value-obj-num">toValue(() => obj.num): {{ toValueObjNum }}</text>
<button class="mt-10" id="increment-btn" @click="increment">increment obj.num</button>
<view class="flex justify-between flex-row mb-10">
<text>ref count:</text>
<text id="ref-count">{{ refCount }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>isRef ref count:</text>
<text id="is-ref-ref-count">{{ isRefRefCount }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>count:</text>
<text id="count">{{ count }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>isRef count:</text>
<text id="is-ref-count">{{ isRefCount }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>obj.num:</text>
<text id="obj-num">{{ obj.num }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>toValue(() => obj.num):</text>
<text id="to-value-obj-num">{{ toValueObjNum }}</text>
</view>
<button class="mt-10" id="increment-btn" @click="increment">
increment obj.num
</button>
</view>
</template>
<script setup>
const refCount = ref<number>(0);;
const isRefRefCount = isRef(refCount);
const count = toValue(refCount);
const isRefCount = isRef(count);
<script setup lang="uts">
const refCount = ref<number>(0);;
const isRefRefCount = isRef(refCount);
const count = toValue(refCount);
const isRefCount = isRef(count);
type Obj = {
num : number
}
const obj = reactive({
num: 0
} as Obj)
type Obj = {
num : number
}
const obj = reactive({
num: 0
} as Obj)
let toValueObjNum = toValue(() : number => obj.num)
let toValueObjNum = toValue(() : number => obj.num)
const increment = () => {
obj.num++;
toValueObjNum++;
}
</script>
\ No newline at end of file
const increment = () => {
obj.num++;
toValueObjNum++;
}
</script>
......@@ -137,7 +137,7 @@ function transform(fileInfo, api) {
- [x] isRef
- [x] toRef
- [x] toRefs
- [ ] toValue
- [x] toValue
- [ ] unRef
- [ ] customRef
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册
新手
引导
客服 返回
顶部