Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello-uvue
提交
ebb2eb00
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看板
提交
ebb2eb00
编写于
8个月前
作者:
DCloud-WZF
💬
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
refactor(reactivity): customRef
上级
48d37170
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
56 addition
and
38 deletion
+56
-38
pages/index/index.uvue
pages/index/index.uvue
+11
-0
pages/reactivity/advanced/custom-ref/custom-ref.test.js
pages/reactivity/advanced/custom-ref/custom-ref.test.js
+6
-6
pages/reactivity/advanced/custom-ref/custom-ref.uvue
pages/reactivity/advanced/custom-ref/custom-ref.uvue
+38
-31
refactor_options-API-composition-API-correspondence.md
refactor_options-API-composition-API-correspondence.md
+1
-1
未找到文件。
pages/index/index.uvue
浏览文件 @
ebb2eb00
...
...
@@ -571,6 +571,17 @@ export default {
url: 'un-ref/un-ref'
},
]
},
{
id: 'advanced',
name: '进阶',
children: [
{
id: 'custom-ref',
name: 'customRef',
url: 'custom-ref/custom-ref'
},
]
}
] as Page[]
},
...
...
This diff is collapsed.
Click to expand it.
pages/reactivity/advanced/custom-ref/custom-ref.test.js
浏览文件 @
ebb2eb00
const
PAGE_PATH
=
'
/pages/
composition-api/reactivity
/custom-ref/custom-ref
'
const
PAGE_PATH
=
'
/pages/
reactivity/advanced
/custom-ref/custom-ref
'
describe
(
'
customRef
'
,
()
=>
{
let
page
=
null
...
...
@@ -8,19 +8,19 @@ describe('customRef', () => {
})
it
(
'
basic
'
,
async
()
=>
{
const
stateCount
=
await
page
.
$
(
'
#state-count
'
)
expect
(
await
stateCount
.
text
()).
toBe
(
'
state.count:
0
'
)
expect
(
await
stateCount
.
text
()).
toBe
(
'
0
'
)
const
incrementBtn
=
await
page
.
$
(
'
.increment-btn
'
)
await
incrementBtn
.
tap
()
expect
(
await
stateCount
.
text
()).
toBe
(
'
state.count:
0
'
)
// TODO: web 暂不支持 triggerRef
expect
(
await
stateCount
.
text
()).
toBe
(
'
0
'
)
// TODO: web
& ios
暂不支持 triggerRef
if
(
process
.
env
.
uniTestPlatformInfo
.
startsWith
(
'
android
'
))
{
const
triggerRefBtn
=
await
page
.
$
(
'
.trigger-ref-btn
'
)
await
triggerRefBtn
.
tap
()
expect
(
await
stateCount
.
text
()).
toBe
(
'
state.count:
1
'
)
expect
(
await
stateCount
.
text
()).
toBe
(
'
1
'
)
}
})
})
\ No newline at end of file
This diff is collapsed.
Click to expand it.
pages/reactivity/advanced/custom-ref/custom-ref.uvue
浏览文件 @
ebb2eb00
<template>
<view class="page">
<text id="state-count">state.count: {{state['count']}}</text>
<button class="mt-10 increment-btn" @click="increment">increment state.count</button>
<button class="mt-10 trigger-ref-btn" @click="triggerRefState">triggerRef state</button>
</view>
</template>
<template>
<view class="page">
<view class="flex justify-between flex-row mb-10">
<text>state.count:</text>
<text id="state-count">{{ state['count'] }}</text>
</view>
<button class="mb-10 increment-btn" @click="increment">
increment state.count
</button>
<button class="mb-10 trigger-ref-btn" @click="triggerRefState">
triggerRef state
</button>
</view>
</template>
<script setup
>
const useCustomRef = (value : UTSJSONObject) : Ref<UTSJSONObject> => {
// @ts-ignore
return customRef<UTSJSONObject>((track, trigger) : UTSJSONObject => {
return {
get() : UTSJSONObject {
track()
return value
},
set(newValue : UTSJSONObject) {
value = newValue
trigger()
}
} as UTSJSONObject
})
}
<script setup lang="uts"
>
const useCustomRef = (value : UTSJSONObject) : Ref<UTSJSONObject> => {
// @ts-ignore
return customRef<UTSJSONObject>((track, trigger) : UTSJSONObject => {
return {
get() : UTSJSONObject {
track()
return value
},
set(newValue : UTSJSONObject) {
value = newValue
trigger()
}
} as UTSJSONObject
})
}
const state = useCustomRef({ count: 0 } as UTSJSONObject)
const state = useCustomRef({ count: 0 } as UTSJSONObject)
const increment = () => {
(state.value as UTSJSONObject)['count'] = ((state.value as UTSJSONObject)['count'] as number) + 1
}
const triggerRefState = () => {
triggerRef(state)
}
</script>
\ No newline at end of file
const increment = () => {
(state.value as UTSJSONObject)['count'] = ((state.value as UTSJSONObject)['count'] as number) + 1
}
const triggerRefState = () => {
triggerRef(state)
}
</script>
This diff is collapsed.
Click to expand it.
refactor_options-API-composition-API-correspondence.md
浏览文件 @
ebb2eb00
...
...
@@ -140,7 +140,7 @@ function transform(fileInfo, api) {
-
[x] toValue
-
[x] unRef
-
[
] customRef
-
[
x
] customRef
-
[ ] effectScope
-
[ ] getCurrentScope
-
[ ] markRaw
...
...
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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录