Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello-uvue
提交
597fed52
H
hello-uvue
项目概览
DCloud
/
hello-uvue
通知
361
Star
3
Fork
8
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello-uvue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
597fed52
编写于
8个月前
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor(reactivity): toRef
上级
6f168768
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
67 addition
and
39 deletion
+67
-39
pages/index/index.uvue
pages/index/index.uvue
+5
-0
pages/reactivity/utilities/to-ref/to-ref.test.js
pages/reactivity/utilities/to-ref/to-ref.test.js
+11
-11
pages/reactivity/utilities/to-ref/to-ref.uvue
pages/reactivity/utilities/to-ref/to-ref.uvue
+50
-27
refactor_options-API-composition-API-correspondence.md
refactor_options-API-composition-API-correspondence.md
+1
-1
未找到文件。
pages/index/index.uvue
浏览文件 @
597fed52
...
...
@@ -548,6 +548,11 @@ export default {
name: 'isRef',
url: 'is-ref/is-ref'
},
{
id: 'to-ref',
name: 'toRef',
url: 'to-ref/to-ref'
},
]
}
] as Page[]
...
...
This diff is collapsed.
Click to expand it.
pages/reactivity/utilities/to-ref/to-ref.test.js
浏览文件 @
597fed52
const
PAGE_PATH
=
'
/pages/
composition-api/reactivity
/to-ref/to-ref
'
const
PAGE_PATH
=
'
/pages/
reactivity/utilities
/to-ref/to-ref
'
describe
(
'
toRef
'
,
()
=>
{
if
(
process
.
env
.
uniTestPlatformInfo
.
startsWith
(
'
web
'
))
{
...
...
@@ -15,26 +15,26 @@ describe('toRef', () => {
})
it
(
'
basic
'
,
async
()
=>
{
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
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
objNum
=
await
page
.
$
(
'
#obj-num
'
)
expect
(
await
objNum
.
text
()).
toBe
(
'
obj.num:
0
'
)
expect
(
await
objNum
.
text
()).
toBe
(
'
0
'
)
const
toRefObjNum
=
await
page
.
$
(
'
#to-ref-obj-num
'
)
expect
(
await
toRefObjNum
.
text
()).
toBe
(
'
toRef(obj, "num"):
0
'
)
expect
(
await
toRefObjNum
.
text
()).
toBe
(
'
0
'
)
const
toRefFnObjNum
=
await
page
.
$
(
'
#to-ref-fn-obj-num
'
)
expect
(
await
toRefFnObjNum
.
text
()).
toBe
(
'
toRef(() => obj.num):
0
'
)
expect
(
await
toRefFnObjNum
.
text
()).
toBe
(
'
0
'
)
const
incrementBtn
=
await
page
.
$
(
'
#increment-btn
'
)
await
incrementBtn
.
tap
()
expect
(
await
objNum
.
text
()).
toBe
(
'
obj.num:
2
'
)
expect
(
await
toRefObjNum
.
text
()).
toBe
(
'
toRef(obj, "num"):
2
'
)
expect
(
await
toRefFnObjNum
.
text
()).
toBe
(
'
toRef(() => obj.num):
2
'
)
expect
(
await
objNum
.
text
()).
toBe
(
'
2
'
)
expect
(
await
toRefObjNum
.
text
()).
toBe
(
'
2
'
)
expect
(
await
toRefFnObjNum
.
text
()).
toBe
(
'
2
'
)
})
})
\ No newline at end of file
This diff is collapsed.
Click to expand it.
pages/reactivity/utilities/to-ref/to-ref.uvue
浏览文件 @
597fed52
<template>
<view class="page">
<text id="count">count: {{ count }}</text>
<text class="mt-10" id="is-ref-count">isRef count: {{ isRefCount }}</text>
<text class="mt-10" id="ref-count">ref count: {{ refCount }}</text>
<text class="mt-10" id="is-ref-ref-count">isRef ref count: {{ isRefRefCount }}</text>
<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>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>obj.num:</text>
<text id="obj-num">{{ obj.num }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>toRef(obj, "num"):</text>
<text id="to-ref-obj-num">{{ objNum }}</text>
</view>
<view class="flex justify-between flex-row mb-10">
<text>toRef(() => obj.num):</text>
<text id="to-ref-fn-obj-num">{{ readonlyObjNum }}</text>
</view>
<text class="mt-10" id="obj-num">obj.num: {{ obj.num }}</text>
<text class="mt-10" id="to-ref-obj-num">toRef(obj, "num"): {{ objNum }}</text>
<text class="mt-10" id="to-ref-fn-obj-num">toRef(() => obj.num): {{ readonlyObjNum }}</text>
<button class="mt-10" id="increment-btn" @click="increment">increment obj.num</button>
<button class="mt-10" id="increment-btn" @click="increment">
increment obj.num
</button>
</view>
</template>
<script setup>
const count = 0;
const isRefCount = isRef(count);
const refCount = toRef<number>(count);
const isRefRefCount = isRef(refCount);
<script setup
lang="uts"
>
const count = 0;
const isRefCount = isRef(count);
const refCount = toRef<number>(count);
const isRefRefCount = isRef(refCount);
type Obj = {
num : number
}
const obj = reactive({
num: 0
} as Obj)
type Obj = {
num : number
}
const obj = reactive({
num: 0
} as Obj)
const objNum = toRef<number>(obj, 'num')
const objNum = toRef<number>(obj, 'num')
const readonlyObjNum = toRef<number>(() : number => obj.num)
const readonlyObjNum = toRef<number>(() : number => obj.num)
const increment = () => {
obj.num++;
objNum.value++;
readonlyObjNum.value++;
}
</script>
\ No newline at end of file
const increment = () => {
obj.num++;
objNum.value++;
readonlyObjNum.value++;
}
</script>
This diff is collapsed.
Click to expand it.
refactor_options-API-composition-API-correspondence.md
浏览文件 @
597fed52
...
...
@@ -135,7 +135,7 @@ function transform(fileInfo, api) {
-
[x] isReactive
-
[x] isReadonly
-
[x] isRef
-
[
] toRef
-
[
x
] toRef
-
[ ] toRefs
-
[ ] toValue
-
[ ] unRef
...
...
This diff is collapsed.
Click to expand it.
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录
新手
引导
客服
返回
顶部