diff --git a/pages.json b/pages.json
index 6d7b795c78c5847c681aff914869aa50fbaa308a..7e6eddc9be2e418ce8d38c7e925d1ddc7bee583d 100644
--- a/pages.json
+++ b/pages.json
@@ -277,34 +277,6 @@
"navigationBarTitleText": "v-html"
}
},
- {
- "path": "pages/lifecycle/page/page-composition",
- "style": {
- "navigationBarTitleText": "page-lifecycle 组合式 API",
- "enablePullDownRefresh": true
- }
- },
- {
- "path": "pages/lifecycle/page/page-options",
- "style": {
- "navigationBarTitleText": "page-lifecycle 选项式 API",
- "enablePullDownRefresh": true
- }
- },
- {
- "path": "pages/lifecycle/component/component-options",
- "style": {
- "navigationBarTitleText": "component-lifecycle 选项式 API",
- "enablePullDownRefresh": true
- }
- },
- {
- "path": "pages/lifecycle/component/component-composition",
- "style": {
- "navigationBarTitleText": "component-lifecycle 组合式 API",
- "enablePullDownRefresh": true
- }
- },
{
"path": "pages/component-instance/slots/slots-options",
"style": {
@@ -489,320 +461,274 @@
}
},
// #endif
-
-
- {
- "path": "pages/state/data/data",
- "style": {
- "navigationBarTitleText": "data"
- }
- },
- {
- "path": "pages/state/methods/methods",
- "style": {
- "navigationBarTitleText": ""
- }
- },
- {
- "path": "pages/state/props/props",
- "style": {
- "navigationBarTitleText": ""
- }
- },
{
- "path": "pages/state/computed/computed",
+ "path": "pages/reactivity/core/ref/ref",
"style": {
- "navigationBarTitleText": ""
- }
- },
- {
- "path": "pages/state/watch/watch",
- "style": {
- "navigationBarTitleText": ""
- }
- },
- {
- "path": "pages/built-in/component/slots/slots-composition",
- "style": {
- "navigationBarTitleText": "slots 组合式 API"
- }
- },
- {
- "path": "pages/built-in/component/slots/slots-options",
- "style": {
- "navigationBarTitleText": "slots 选项式 API"
- }
- },
- {
- "path": "pages/built-in/component/template/template-options",
- "style": {
- "navigationBarTitleText": "template 选项式 API"
+ "navigationBarTitleText": "ref"
}
},
{
- "path": "pages/built-in/component/template/template-composition",
+ "path": "pages/reactivity/core/computed/computed",
"style": {
- "navigationBarTitleText": "template 组合式 API"
+ "navigationBarTitleText": "computed"
}
},
{
- "path": "pages/built-in/component/template/template-map-style-options",
+ "path": "pages/reactivity/core/reactive/reactive",
"style": {
- "navigationBarTitleText": "template-map-style 选项式 API"
+ "navigationBarTitleText": "reactive"
}
},
{
- "path": "pages/built-in/component/template/template-map-style-composition",
+ "path": "pages/reactivity/core/readonly/readonly",
"style": {
- "navigationBarTitleText": "template-map-style 组合式 API"
+ "navigationBarTitleText": "readonly"
}
},
{
- "path": "pages/rendering/unrecognized-component/unrecognized-component",
+ "path": "pages/reactivity/core/watch/watch",
"style": {
- "navigationBarTitleText": "unrecognized-component"
+ "navigationBarTitleText": "watch"
}
},
{
- "path": "pages/built-in/component/component/component-options",
+ "path": "pages/reactivity/core/watch-effect/watch-effect",
"style": {
- "navigationBarTitleText": "component 选项式 API"
+ "navigationBarTitleText": "watchEffect"
}
},
{
- "path": "pages/built-in/component/component/component-composition",
+ "path": "pages/reactivity/core/watch-post-effect/watch-post-effect",
"style": {
- "navigationBarTitleText": "component 组合式 API"
+ "navigationBarTitleText": "watchPostEffect"
}
},
{
- "path": "pages/rendering/render/render",
+ "path": "pages/reactivity/core/watch-sync-effect/watch-sync-effect",
"style": {
- "navigationBarTitleText": "render function"
+ "navigationBarTitleText": "watchSyncEffect"
}
},
{
- "path": "pages/examples/nested-component-communication/nested-component-communication-options",
+ "path": "pages/reactivity/utilities/is-ref/is-ref",
"style": {
- "navigationBarTitleText": "嵌套组件通信 选项式 API"
+ "navigationBarTitleText": "isRef"
}
},
{
- "path": "pages/examples/nested-component-communication/nested-component-communication-composition",
+ "path": "pages/reactivity/utilities/un-ref/un-ref",
"style": {
- "navigationBarTitleText": "嵌套组件通信 组合式 API"
- }
- },
- {
- "path": "pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class-options",
- "style": {
- "navigationBarTitleText": "自定义组件中使用 class 定制另一个自定义组件根节点样式 选项式 API"
+ "navigationBarTitleText": "unRef"
}
},
{
- "path": "pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class-composition",
+ "path": "pages/reactivity/utilities/to-ref/to-ref",
"style": {
- "navigationBarTitleText": "自定义组件中使用 class 定制另一个自定义组件根节点样式 组合式 API"
+ "navigationBarTitleText": "toRef"
}
},
+ // #ifdef APP
{
- "path": "pages/composition-api/basic/define-props/define-props",
+ "path": "pages/reactivity/utilities/to-value/to-value",
"style": {
- "navigationBarTitleText": "defineProps"
+ "navigationBarTitleText": "toValue"
}
},
{
- "path": "pages/composition-api/basic/define-emits/define-emits",
+ "path": "pages/reactivity/utilities/to-refs/to-refs",
"style": {
- "navigationBarTitleText": "defineEmits"
+ "navigationBarTitleText": "toRefs"
}
},
+ // #endif
{
- "path": "pages/composition-api/basic/define-model/define-model",
+ "path": "pages/reactivity/utilities/is-proxy/is-proxy",
"style": {
- "navigationBarTitleText": "defineModel"
+ "navigationBarTitleText": "isProxy"
}
},
{
- "path": "pages/composition-api/basic/define-options/define-options",
+ "path": "pages/reactivity/utilities/is-reactive/is-reactive",
"style": {
- "navigationBarTitleText": "defineOptions"
+ "navigationBarTitleText": "isReactive"
}
},
{
- "path": "pages/composition-api/basic/define-slots/define-slots",
+ "path": "pages/reactivity/utilities/is-readonly/is-readonly",
"style": {
- "navigationBarTitleText": "defineSlots"
+ "navigationBarTitleText": "isReadonly"
}
},
{
- "path": "pages/composition-api/basic/use-attrs/use-attrs",
+ "path": "pages/reactivity/advanced/shallow-ref/shallow-ref",
"style": {
- "navigationBarTitleText": "useAttrs"
+ "navigationBarTitleText": "shallowRef"
}
},
{
- "path": "pages/composition-api/basic/use-slots/use-slots",
+ "path": "pages/reactivity/advanced/trigger-ref/trigger-ref",
"style": {
- "navigationBarTitleText": "useSlots"
+ "navigationBarTitleText": "triggerRef"
}
},
{
- "path": "pages/composition-api/reactivity/ref/ref",
+ "path": "pages/reactivity/advanced/custom-ref/custom-ref",
"style": {
- "navigationBarTitleText": "ref"
+ "navigationBarTitleText": "customRef"
}
},
{
- "path": "pages/composition-api/reactivity/computed/computed",
+ "path": "pages/reactivity/advanced/shallow-reactive/shallow-reactive",
"style": {
- "navigationBarTitleText": "computed"
+ "navigationBarTitleText": "shallowReactive"
}
},
{
- "path": "pages/composition-api/reactivity/reactive/reactive",
+ "path": "pages/reactivity/advanced/shallow-readonly/shallow-readonly",
"style": {
- "navigationBarTitleText": "reactive"
+ "navigationBarTitleText": "shallowReadonly"
}
},
{
- "path": "pages/composition-api/reactivity/readonly/readonly",
+ "path": "pages/reactivity/advanced/to-raw/to-raw",
"style": {
- "navigationBarTitleText": "readonly"
+ "navigationBarTitleText": "toRaw"
}
},
{
- "path": "pages/composition-api/reactivity/watch/watch",
+ "path": "pages/reactivity/advanced/mark-raw/mark-raw",
"style": {
- "navigationBarTitleText": "watch"
+ "navigationBarTitleText": "markRaw"
}
},
{
- "path": "pages/composition-api/reactivity/watch-effect/watch-effect",
+ "path": "pages/reactivity/advanced/effect-scope/effect-scope",
"style": {
- "navigationBarTitleText": "watchEffect"
+ "navigationBarTitleText": "effectScope"
}
},
{
- "path": "pages/composition-api/reactivity/watch-post-effect/watch-post-effect",
+ "path": "pages/reactivity/advanced/get-current-scope/get-current-scope",
"style": {
- "navigationBarTitleText": "watchPostEffect"
+ "navigationBarTitleText": "getCurrentScope"
}
},
{
- "path": "pages/composition-api/reactivity/watch-sync-effect/watch-sync-effect",
+ "path": "pages/reactivity/advanced/on-scope-dispose/on-scope-dispose",
"style": {
- "navigationBarTitleText": "watchSyncEffect"
+ "navigationBarTitleText": "onScopeDispose"
}
},
{
- "path": "pages/composition-api/reactivity/is-ref/is-ref",
+ "path": "pages/lifecycle/page/page-composition",
"style": {
- "navigationBarTitleText": "isRef"
+ "navigationBarTitleText": "page-lifecycle 组合式 API",
+ "enablePullDownRefresh": true
}
},
{
- "path": "pages/composition-api/reactivity/un-ref/un-ref",
+ "path": "pages/lifecycle/page/page-options",
"style": {
- "navigationBarTitleText": "unRef"
+ "navigationBarTitleText": "page-lifecycle 选项式 API",
+ "enablePullDownRefresh": true
}
},
{
- "path": "pages/composition-api/reactivity/to-ref/to-ref",
+ "path": "pages/lifecycle/component/component-options",
"style": {
- "navigationBarTitleText": "toRef"
+ "navigationBarTitleText": "component-lifecycle 选项式 API",
+ "enablePullDownRefresh": true
}
},
- // #ifdef APP
{
- "path": "pages/composition-api/reactivity/to-value/to-value",
+ "path": "pages/lifecycle/component/component-composition",
"style": {
- "navigationBarTitleText": "toValue"
+ "navigationBarTitleText": "component-lifecycle 组合式 API",
+ "enablePullDownRefresh": true
}
},
{
- "path": "pages/composition-api/reactivity/to-refs/to-refs",
+ "path": "pages/built-in/component/slots/slots-composition",
"style": {
- "navigationBarTitleText": "toRefs"
+ "navigationBarTitleText": "slots 组合式 API"
}
},
- // #endif
{
- "path": "pages/composition-api/reactivity/is-proxy/is-proxy",
+ "path": "pages/built-in/component/slots/slots-options",
"style": {
- "navigationBarTitleText": "isProxy"
+ "navigationBarTitleText": "slots 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/is-reactive/is-reactive",
+ "path": "pages/built-in/component/template/template-options",
"style": {
- "navigationBarTitleText": "isReactive"
+ "navigationBarTitleText": "template 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/is-readonly/is-readonly",
+ "path": "pages/built-in/component/template/template-composition",
"style": {
- "navigationBarTitleText": "isReadonly"
+ "navigationBarTitleText": "template 组合式 API"
}
},
{
- "path": "pages/composition-api/reactivity/shallow-ref/shallow-ref",
+ "path": "pages/built-in/component/template/template-map-style-options",
"style": {
- "navigationBarTitleText": "shallowRef"
+ "navigationBarTitleText": "template-map-style 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/trigger-ref/trigger-ref",
+ "path": "pages/built-in/component/template/template-map-style-composition",
"style": {
- "navigationBarTitleText": "triggerRef"
+ "navigationBarTitleText": "template-map-style 组合式 API"
}
},
{
- "path": "pages/composition-api/reactivity/custom-ref/custom-ref",
+ "path": "pages/rendering/unrecognized-component/unrecognized-component",
"style": {
- "navigationBarTitleText": "customRef"
+ "navigationBarTitleText": "unrecognized-component"
}
},
{
- "path": "pages/composition-api/reactivity/shallow-reactive/shallow-reactive",
+ "path": "pages/built-in/component/component/component-options",
"style": {
- "navigationBarTitleText": "shallowReactive"
+ "navigationBarTitleText": "component 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/shallow-readonly/shallow-readonly",
+ "path": "pages/built-in/component/component/component-composition",
"style": {
- "navigationBarTitleText": "shallowReadonly"
+ "navigationBarTitleText": "component 组合式 API"
}
},
{
- "path": "pages/composition-api/reactivity/to-raw/to-raw",
+ "path": "pages/rendering/render/render",
"style": {
- "navigationBarTitleText": "toRaw"
+ "navigationBarTitleText": "render function"
}
},
{
- "path": "pages/composition-api/reactivity/mark-raw/mark-raw",
+ "path": "pages/examples/nested-component-communication/nested-component-communication-options",
"style": {
- "navigationBarTitleText": "markRaw"
+ "navigationBarTitleText": "嵌套组件通信 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/effect-scope/effect-scope",
+ "path": "pages/examples/nested-component-communication/nested-component-communication-composition",
"style": {
- "navigationBarTitleText": "effectScope"
+ "navigationBarTitleText": "嵌套组件通信 组合式 API"
}
},
{
- "path": "pages/composition-api/reactivity/get-current-scope/get-current-scope",
+ "path": "pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class-options",
"style": {
- "navigationBarTitleText": "getCurrentScope"
+ "navigationBarTitleText": "自定义组件中使用 class 定制另一个自定义组件根节点样式 选项式 API"
}
},
{
- "path": "pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose",
+ "path": "pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class-composition",
"style": {
- "navigationBarTitleText": "onScopeDispose"
+ "navigationBarTitleText": "自定义组件中使用 class 定制另一个自定义组件根节点样式 组合式 API"
}
},
{
diff --git a/pages/composition-api/reactivity/is-ref/is-ref.uvue b/pages/composition-api/reactivity/is-ref/is-ref.uvue
deleted file mode 100644
index 14233964a6379f1aead2702c2dd2e3d7d0fdeb65..0000000000000000000000000000000000000000
--- a/pages/composition-api/reactivity/is-ref/is-ref.uvue
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
- ref count: {{ refCount }}
- isRef ref count: {{ isRefRefCount }}
- count: {{ count }}
- isRef count: {{ isRefCount }}
-
-
-
-
\ No newline at end of file
diff --git a/pages/composition-api/reactivity/readonly/readonly.uvue b/pages/composition-api/reactivity/readonly/readonly.uvue
deleted file mode 100644
index 3b647ecc7a7e1d754a31a9ce22fe7ffa1ed76a59..0000000000000000000000000000000000000000
--- a/pages/composition-api/reactivity/readonly/readonly.uvue
+++ /dev/null
@@ -1,44 +0,0 @@
-
-
- data.str: {{ data.str }}
- data.num: {{ data.num }}
- data.arr: {{ JSON.stringify(data.arr) }}
-
- readonly data.str: {{ readonlyData.str }}
- readonly data.num: {{ readonlyData.num }}
- readonly data.arr: {{ JSON.stringify(readonlyData.arr) }}
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/pages/composition-api/reactivity/to-ref/to-ref.uvue b/pages/composition-api/reactivity/to-ref/to-ref.uvue
deleted file mode 100644
index 9d867b690fdeff5b0dde8b7b4d6895d8f6d17302..0000000000000000000000000000000000000000
--- a/pages/composition-api/reactivity/to-ref/to-ref.uvue
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
- count: {{ count }}
- isRef count: {{ isRefCount }}
- ref count: {{ refCount }}
- isRef ref count: {{ isRefRefCount }}
-
- obj.num: {{ obj.num }}
- toRef(obj, "num"): {{ objNum }}
- toRef(() => obj.num): {{ readonlyObjNum }}
-
-
-
-
-
\ No newline at end of file
diff --git a/pages/composition-api/reactivity/to-value/to-value.uvue b/pages/composition-api/reactivity/to-value/to-value.uvue
deleted file mode 100644
index 1c70c8a1759904836a8f659ef07019376fecd957..0000000000000000000000000000000000000000
--- a/pages/composition-api/reactivity/to-value/to-value.uvue
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
- ref count: {{ refCount }}
- isRef ref count: {{ isRefRefCount }}
- count: {{ count }}
- isRef count: {{ isRefCount }}
-
- obj.num: {{ obj.num }}
- toValue(() => obj.num): {{ toValueObjNum }}
-
-
-
-
-
\ No newline at end of file
diff --git a/pages/index/index.uvue b/pages/index/index.uvue
index 40e9f9df3b0ed1fa9ee6e33962e086a9652fcf8e..b27e5d8ffd58154ca797f376bc2c16612ead8b02 100644
--- a/pages/index/index.uvue
+++ b/pages/index/index.uvue
@@ -422,6 +422,23 @@ export default {
}
] as Page[]
},
+ {
+ id: 'reactivity',
+ name: '响应式',
+ pages: [
+ {
+ id: 'core',
+ name: '核心',
+ children: [
+ {
+ id: 'ref',
+ name: 'ref',
+ url: 'ref/ref'
+ }
+ ]
+ }
+ ] as Page[]
+ },
{
id: 'lifecycle',
name: '生命周期',
diff --git a/pages/composition-api/reactivity/custom-ref/custom-ref.test.js b/pages/reactivity/advanced/custom-ref/custom-ref.test.js
similarity index 100%
rename from pages/composition-api/reactivity/custom-ref/custom-ref.test.js
rename to pages/reactivity/advanced/custom-ref/custom-ref.test.js
diff --git a/pages/composition-api/reactivity/custom-ref/custom-ref.uvue b/pages/reactivity/advanced/custom-ref/custom-ref.uvue
similarity index 76%
rename from pages/composition-api/reactivity/custom-ref/custom-ref.uvue
rename to pages/reactivity/advanced/custom-ref/custom-ref.uvue
index ce135646dfb4ef3bf2c6d1cd89783fd73440fa4b..1d28b7fa9ade138a5dadb4f613c6c51713b4c48e 100644
--- a/pages/composition-api/reactivity/custom-ref/custom-ref.uvue
+++ b/pages/reactivity/advanced/custom-ref/custom-ref.uvue
@@ -1,14 +1,14 @@
state.count: {{state['count']}}
-
-
+
+
\ No newline at end of file
diff --git a/pages/composition-api/reactivity/mark-raw/mark-raw.uvue b/pages/reactivity/advanced/mark-raw/mark-raw.uvue
similarity index 100%
rename from pages/composition-api/reactivity/mark-raw/mark-raw.uvue
rename to pages/reactivity/advanced/mark-raw/mark-raw.uvue
diff --git a/pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose.test.js b/pages/reactivity/advanced/on-scope-dispose/on-scope-dispose.test.js
similarity index 100%
rename from pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose.test.js
rename to pages/reactivity/advanced/on-scope-dispose/on-scope-dispose.test.js
diff --git a/pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose.uvue b/pages/reactivity/advanced/on-scope-dispose/on-scope-dispose.uvue
similarity index 72%
rename from pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose.uvue
rename to pages/reactivity/advanced/on-scope-dispose/on-scope-dispose.uvue
index 9cf3f8a1e03906d7fbd8780d5ee34c7a2c1fbb72..9f5767d4a6c6e1ce95b88cac42d318b9410d6c78 100644
--- a/pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose.uvue
+++ b/pages/reactivity/advanced/on-scope-dispose/on-scope-dispose.uvue
@@ -1,8 +1,8 @@
hasCurrentScope: {{ hasCurrentScope }}
-
-
+
+
diff --git a/pages/composition-api/reactivity/shallow-reactive/shallow-reactive.test.js b/pages/reactivity/advanced/shallow-reactive/shallow-reactive.test.js
similarity index 100%
rename from pages/composition-api/reactivity/shallow-reactive/shallow-reactive.test.js
rename to pages/reactivity/advanced/shallow-reactive/shallow-reactive.test.js
diff --git a/pages/composition-api/reactivity/shallow-reactive/shallow-reactive.uvue b/pages/reactivity/advanced/shallow-reactive/shallow-reactive.uvue
similarity index 63%
rename from pages/composition-api/reactivity/shallow-reactive/shallow-reactive.uvue
rename to pages/reactivity/advanced/shallow-reactive/shallow-reactive.uvue
index 3c983c991d9ae1bc74c3cd96ab1fdaaf26ee6eb2..dc01eec4ddc3e5368fb05d271f030134689d3053 100644
--- a/pages/composition-api/reactivity/shallow-reactive/shallow-reactive.uvue
+++ b/pages/reactivity/advanced/shallow-reactive/shallow-reactive.uvue
@@ -1,8 +1,8 @@
- state.count: {{ state.count }}
- state.nested.count: {{ state.nested.count }}
-