Revert "feat(vue): 优先展示组合式 API"

This reverts commit 79b911f8.

Revert "feat(vue): 优先展示组合式 API"
This reverts commit 79b911f8.
ffb6df71 · DCloud_LXH · 494a5b85 · ffb6df71 · ffb6df71 · ffb6df71
6 changed file
--- a/docs/vue/advanced-api.md
+++ b/docs/vue/advanced-api.md
@@ -18,15 +18,15 @@

  为了方便阅读，当子节点不是插槽对象时，可以省略 prop 参数。

- 示例 [详情](<!-- VUEJSON.E_render-function.render_render-composition.gitUrl -->)
+- 示例 [详情](<!-- VUEJSON.E_render-function.render_render-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_render-function.render_render-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_render-function.render_render-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.render_render-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.render_render-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.render_render-composition.code -->
 :::

 #### mergeProps()
@@ -42,15 +42,15 @@
  - onXxx 事件监听器——多个同名的事件监听器将被合并到一个数组。
  如果你不需要合并行为而是简单覆盖，可以使用原生 object spread 语法来代替。

- 示例 [详情](<!-- VUEJSON.E_render-function.mergeProps_mergeProps-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_render-function.mergeProps_mergeProps-composition.webUrl -->
+- 示例 [详情](<!-- VUEJSON.E_render-function.mergeProps_mergeProps-options.gitUrl -->)

-> 组合式 API
-<!-- VUEJSON.E_render-function.mergeProps_mergeProps-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.mergeProps_mergeProps-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.mergeProps_mergeProps-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.mergeProps_mergeProps-composition.code -->
 :::

 #### cloneVNode()
@@ -65,30 +65,30 @@

  Vnode 具有特殊的内部属性，因此克隆它并不像 object spread 一样简单。cloneVNode() 处理了大部分这样的内部逻辑。

- 示例 [详情](<!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-composition.gitUrl -->)
+- 示例 [详情](<!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.cloneVNode_cloneVNode-composition.code -->
 :::

 #### isVNode()

 判断一个值是否为 vnode 类型。

- 示例 [详情](<!-- VUEJSON.E_render-function.isVNode_isVNode-composition.gitUrl -->)
+- 示例 [详情](<!-- VUEJSON.E_render-function.isVNode_isVNode-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_render-function.isVNode_isVNode-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_render-function.isVNode_isVNode-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.isVNode_isVNode-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.isVNode_isVNode-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.isVNode_isVNode-composition.code -->
 :::

 #### resolveComponent()
@@ -103,15 +103,15 @@

  如果组件未找到，会抛出一个运行时警告，并返回组件名字符串。

- 示例 [详情](<!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-composition.webUrl -->
+- 示例 [详情](<!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-options.gitUrl -->)

-> 组合式 API
-<!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.resolveComponent_resolveComponent-composition.code -->
 :::

 #### withDirectives()
@@ -122,15 +122,15 @@

  用自定义指令包装一个现有的 vnode。第二个参数是自定义指令数组。每个自定义指令也可以表示为 `[Directive, value, argument, modifiers]` 形式的数组。如果不需要，可以省略数组的尾元素。

- 示例 [详情](<!-- VUEJSON.E_render-function.withDirectives_withDirectives-composition.gitUrl -->)
+- 示例 [详情](<!-- VUEJSON.E_render-function.withDirectives_withDirectives-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_render-function.withDirectives_withDirectives-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_render-function.withDirectives_withDirectives-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.withDirectives_withDirectives-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.withDirectives_withDirectives-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.withDirectives_withDirectives-composition.code -->
 :::

 #### withModifiers()

--- a/docs/vue/built-in.md
+++ b/docs/vue/built-in.md
@@ -13,18 +13,18 @@

  v-text 将覆盖元素中所有现有的内容。

-示例 [详情](<!-- VUEJSON.E_directive.v-text_v-text-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_directive.v-text_v-text-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_directive.v-text_v-text-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-text_v-text-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-text_v-text-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-text_v-text-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-text_v-text-composition.code -->
+
 :::

 ### v-html
@@ -37,18 +37,18 @@
 绑定 `v-html` 的标签内的内容会被忽略，`v-html` 指令的内容会编译为 `rich-text` 组件渲染为该标签的子节点。
 :::

-示例 [详情](<!-- VUEJSON.E_directive.v-html_v-html-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-html_v-html-composition.webUrl -->
-
-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_directive.v-html_v-html-options.gitUrl -->)

-<!-- VUEJSON.E_directive.v-html_v-html-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-html_v-html-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-html_v-html-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-html_v-html-composition.code -->
+
 :::


@@ -56,18 +56,18 @@

 基于表达式值的真假性，来改变元素的可见性。

-示例 [详情](<!-- VUEJSON.E_directive.v-show_v-show-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_directive.v-show_v-show-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_directive.v-show_v-show-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-show_v-show-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-show_v-show-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-show_v-show-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-show_v-show-composition.code -->
+
 :::

 ### v-if
@@ -80,18 +80,18 @@

  可用于 `<template>` 表示仅包含文本或多个元素的条件块。

-示例 [详情](<!-- VUEJSON.E_directive.v-if_v-if-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-if_v-if-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_directive.v-if_v-if-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-if_v-if-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-if_v-if-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-if_v-if-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-if_v-if-composition.code -->
+
 :::

 ### v-for
@@ -117,18 +117,18 @@
  </view>
  ```

-示例 [详情](<!-- VUEJSON.E_directive.v-for_v-for-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-for_v-for-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_directive.v-for_v-for-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-for_v-for-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-for_v-for-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-for_v-for-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-for_v-for-composition.code -->
+
 :::

 ### v-on
@@ -147,18 +147,18 @@

 - [事件修饰符](https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#%E4%BA%8B%E4%BB%B6%E4%BF%AE%E9%A5%B0%E7%AC%A6) 只支持 `stop` 和 `once`。

-示例 [详情](<!-- VUEJSON.E_directive.v-on_v-on-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-on_v-on-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_directive.v-on_v-on-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-on_v-on-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-on_v-on-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-on_v-on-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-on_v-on-composition.code -->
+
 :::

 ### v-bind
@@ -181,18 +181,18 @@

  当不带参数使用时，可以用于绑定一个包含了多个 attribute 名称-绑定值对的对象。

-示例 [详情](<!-- VUEJSON.E_directive.v-bind_v-bind-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-bind_v-bind-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_directive.v-bind_v-bind-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-bind_v-bind-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-bind_v-bind-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-bind_v-bind-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-bind_v-bind-composition.code -->
+
 :::

 ### v-model
@@ -206,18 +206,18 @@
  - `.number` - 将输入的合法字符串转为数字
  - `.trim` - 移除输入内容两端空格

-示例 [详情](<!-- VUEJSON.E_directive.v-model_v-model-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-model_v-model-composition.webUrl -->
-
-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_directive.v-model_v-model-options.gitUrl -->)

-<!-- VUEJSON.E_directive.v-model_v-model-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-model_v-model-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-model_v-model-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-model_v-model-composition.code -->
+
 :::

 ### v-pre
@@ -248,18 +248,18 @@

  在随后的重新渲染，元素/组件及其所有子项将被当作静态内容并跳过渲染。这可以用来优化更新时的性能。

-示例 [详情](<!-- VUEJSON.E_directive.v-once_v-once-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_directive.v-once_v-once-composition.webUrl -->
-
-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_directive.v-once_v-once-options.gitUrl -->)

-<!-- VUEJSON.E_directive.v-once_v-once-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-once_v-once-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-once_v-once-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-once_v-once-composition.code -->
+
 :::

 ### v-slot
@@ -276,18 +276,18 @@
  - `<template>`
  - [components](./component.md) (用于带有 prop 的单个默认插槽)

-示例 [详情](<!-- VUEJSON.E_directive.v-slot_v-slot-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_directive.v-slot_v-slot-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_directive.v-slot_v-slot-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-slot_v-slot-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-slot_v-slot-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-slot_v-slot-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-slot_v-slot-composition.code -->
+
 :::

 ### v-memo
@@ -318,18 +318,18 @@

  `v-memo` 也能被用于在一些默认优化失败的边际情况下，手动避免子组件出现不需要的更新。但是一样的，开发者需要负责指定正确的依赖数组以免跳过必要的更新。

-示例 [详情](<!-- VUEJSON.E_directive.v-memo_v-memo-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_directive.v-memo_v-memo-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_directive.v-memo_v-memo-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_directive.v-memo_v-memo-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-memo_v-memo-options.webUrl -->

 >选项式 API

 <!-- VUEJSON.E_directive.v-memo_v-memo-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_directive.v-memo_v-memo-composition.code -->
+
 :::

 ## 组件 @component

--- a/docs/vue/component.md
+++ b/docs/vue/component.md
@@ -137,73 +137,73 @@ export default {

 #### 向组件传递 `props` @transfer-component-props

-示例 [详情](<!-- VUEJSON.E_component-instance.props_props-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_component-instance.props_props-options.gitUrl -->)

 ::: warning 注意
 - 选项式 API：`this.$props` 是 `Map` 类型，需要使用 `this.$props["propName"]` 来访问
 - 组合式 API：可以使用 `.` 点操作符来访问
 :::

-::: preview <!-- VUEJSON.E_component-instance.props_props-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.props_props-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.props_props-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.props_props-options.code -->

-:::
+> 组合式 API

-#### 向组件传递回调函数 @transfer-component-method
+<!-- VUEJSON.E_component-instance.props_props-composition.code -->

-示例 [详情](<!-- VUEJSON.E_component-instance.emit-function_emit-function-composition.gitUrl -->)
+:::

-::: preview <!-- VUEJSON.E_component-instance.emit-function_emit-function-composition.webUrl -->
+#### 向组件传递回调函数 @transfer-component-method

-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_component-instance.emit-function_emit-function-options.gitUrl -->)

-<!-- VUEJSON.E_component-instance.emit-function_emit-function-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.emit-function_emit-function-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.emit-function_emit-function-options.code -->

-:::
+> 组合式 API

-#### 使用 `provide/inject` 来向下传递参数 @provide-inject
+<!-- VUEJSON.E_component-instance.emit-function_emit-function-composition.code -->

-示例 [详情](<!-- VUEJSON.E_component-instance.provide_provide-composition.gitUrl -->)
+:::

-::: preview <!-- VUEJSON.E_component-instance.provide_provide-composition.webUrl -->
+#### 使用 `provide/inject` 来向下传递参数 @provide-inject

-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_component-instance.provide_provide-options-1.gitUrl -->)

-<!-- VUEJSON.E_component-instance.provide_provide-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.provide_provide-options-1.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.provide_provide-options-1.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.provide_provide-composition.code -->
+
 :::

 #### 使用 [全局变量与状态管理](../tutorial/store.md) @global-store

 > store/index.uts [文件详情](https://gitcode.net/dcloud/hello-uvue/-/blob/alpha/store/index.uts)

-示例 [详情](<!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-composition.webUrl -->
-
-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-options.gitUrl -->)

-<!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-composition.code -->
+::: preview <!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_examples.nested-component-communication_nested-component-communication-composition.code -->
+
 :::

 #### 在 `main.uts` 中使用 `app.config.globalProperties`
@@ -217,18 +217,18 @@ app.config.globalProperties.globalPropertiesReactiveObj = reactive({
 } as UTSJSONObject)
 ```

-示例 [详情](<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.code -->
+::: preview <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.code -->
+
 :::


@@ -248,18 +248,18 @@ easycom组件，用法和内置组件一样。也是使用 `this.$refs` 获取

 ```(this.$refs['组件ref属性值'] as 驼峰ComponentPublicInstance)?.foo?.();```

-示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-easycom-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_component-instance.methods_call-method-easycom-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-easycom-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.methods_call-method-easycom-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.methods_call-method-easycom-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.methods_call-method-easycom-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.methods_call-method-easycom-composition.code -->
+
 :::

 ##### 调用 `uni_modules easycom` 组件方法 <Badge text="HBuilderX 3.97+"> @call-uni-modules-easycom-component-method
@@ -268,18 +268,18 @@ easycom组件，用法和内置组件一样。也是使用 `this.$refs` 获取

 > 在调用组件方法的时候如报错 `error: Reference has a nullable type` 则需要使用 `?.` 操作符（如：a?.b?.()）。

-示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.methods_call-method-easycom-uni-modules-composition.code -->
+
 :::

 #### 使用 `ref` 属性搭配 `$callMethod` 方法 @call-component-method
@@ -298,18 +298,18 @@ callMethod可用于所有自定义组件，包括easycom组件也可以使用，

 ComponentPublicInstance

-示例 [详情](<!-- VUEJSON.E_component-instance.parent_parent-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_component-instance.parent_parent-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_component-instance.parent_parent-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.parent_parent-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.parent_parent-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.parent_parent-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.parent_parent-composition.code -->
+
 :::

 **注意：**
@@ -335,18 +335,18 @@ Uni`组件名(驼峰)`Element
 `<picker-view>`: UniPickerViewElement


-示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-uni-element-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_component-instance.methods_call-method-uni-element-composition.webUrl -->
+示例 [详情](<!-- VUEJSON.E_component-instance.methods_call-method-uni-element-options.gitUrl -->)

-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.methods_call-method-uni-element-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.methods_call-method-uni-element-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.methods_call-method-uni-element-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.methods_call-method-uni-element-composition.code -->
+
 :::

 **bug&tips**
@@ -366,18 +366,18 @@ Uni`组件名(驼峰)`Element
 2. onPageHide、onPageShow 需要写在选项式的 setup 函数 或者 组合式 `<script setup>` 中才能生效
 :::

-示例 [详情](<!-- VUEJSON.E_lifecycle.page_monitor-page-lifecycle-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_lifecycle.page_monitor-page-lifecycle-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_lifecycle.page_page-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_lifecycle.page_monitor-page-lifecycle-composition.code -->
+::: preview <!-- VUEJSON.E_lifecycle.page_page-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_lifecycle.page_monitor-page-lifecycle-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_lifecycle.page_monitor-page-lifecycle-composition.code -->
+
 :::

 ## 组件的生命周期 @component-lifecycle
@@ -392,16 +392,16 @@ Uni`组件名(驼峰)`Element

 示例 [详情](<!-- VUEJSON.E_lifecycle.component_ChildComponentOptions.gitUrl -->)

-::: preview <!-- VUEJSON.E_lifecycle.component_component-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_lifecycle.component_ChildComponentComposition.code -->
+::: preview <!-- VUEJSON.E_lifecycle.component_component-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_lifecycle.component_ChildComponentOptions.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_lifecycle.component_ChildComponentComposition.code -->
+
 :::

 ## 全局组件 @global-component
@@ -415,17 +415,17 @@ Uni`组件名(驼峰)`Element
 - 复杂数据类型需要通过 `PropType` 标记类型，[详见](https://cn.vuejs.org/guide/typescript/options-api.html#typing-component-props)。
 - `type` 不支持使用自定义的构造函数。

-示例 [详情](<!-- VUEJSON.E_component-instance.props_props-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_component-instance.props_props-composition.webUrl -->
-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.props_props-composition.code -->
+示例 [详情](<!-- VUEJSON.E_component-instance.props_props-options.gitUrl -->)

+::: preview <!-- VUEJSON.E_component-instance.props_props-options.webUrl -->
 > 选项式 API

 <!-- VUEJSON.E_component-instance.props_props-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.props_props-composition.code -->
+
 :::

 ## ref
@@ -438,9 +438,9 @@ Uni`组件名(驼峰)`Element
 - 在 `v-for` 循环时，绑定 `ref` 属性会获取到节点或组件实例的集合。
 - 在 `uni-app x` 中，要访问 `$refs` 中的属性，需要使用索引方式。

-示例 [详情](<!-- VUEJSON.E_component-instance.refs_refs-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_component-instance.refs_refs-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_component-instance.refs_refs-composition.webUrl -->
+::: preview <!-- VUEJSON.E_component-instance.refs_refs-options.webUrl -->
 > uni-app x（选项式）

 <!-- VUEJSON.E_component-instance.refs_refs-options.code -->
@@ -518,18 +518,18 @@ Uni`组件名(驼峰)`Element

 ## 作用域插槽的类型 @scoped-slot-type

-示例 [详情](<!-- VUEJSON.E_built-in.special-elements_slots_child-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_built-in.special-elements_slots_child-options.gitUrl -->)

 作用域插槽需在组件中指定插槽数据类型
-::: preview <!-- VUEJSON.E_built-in.special-elements_slots_child-composition.webUrl -->
-> 组合式 API
-
-<!-- VUEJSON.E_built-in.special-elements_slots_child-composition.code -->
-
+::: preview <!-- VUEJSON.E_built-in.special-elements_slots_child-options.webUrl -->
 > 选项式 API

 <!-- VUEJSON.E_built-in.special-elements_slots_child-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_built-in.special-elements_slots_child-composition.code -->
+
 :::

 ## 递归组件

--- a/docs/vue/data-bind.md
+++ b/docs/vue/data-bind.md
@@ -121,15 +121,15 @@ const counter = ref({ count: 0 } as Counter) // 而不是 ref<Counter>({count: 0
 - `v-if`、`v-else-if` 或 `v-else`
 - `v-for`

-示例 [详情](<!-- VUEJSON.E_built-in.special-elements_template_template-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_built-in.special-elements_template_template-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_built-in.special-elements_template_template-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_built-in.special-elements_template_template-composition.code -->
+::: preview <!-- VUEJSON.E_built-in.special-elements_template_template-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_built-in.special-elements_template_template-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_built-in.special-elements_template_template-composition.code -->
 :::

 ### 在样式里绑定 @v-bind-css-data
@@ -144,15 +144,15 @@ const counter = ref({ count: 0 } as Counter) // 而不是 ref<Counter>({count: 0

 `v-bind` 也可在样式中使用，可以很方便的在 uts 中改变样式，如下所示：

-示例 [详情](<!-- VUEJSON.E_directive.v-bind_v-bind-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_directive.v-bind_v-bind-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_directive.v-bind_v-bind-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_directive.v-bind_v-bind-composition.code -->
+::: preview <!-- VUEJSON.E_directive.v-bind_v-bind-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_directive.v-bind_v-bind-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_directive.v-bind_v-bind-composition.code -->
 :::

 ## 定义方法 @methods

--- a/docs/vue/global-api.md
+++ b/docs/vue/global-api.md
@@ -37,15 +37,15 @@ export function createApp() {

 支持传递插件参数，当传递插件参数时，`app` 的类型需要指定为 `VueApp`。

-示例 [详情](<!-- VUEJSON.E_app-instance.use_use-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_app-instance.use_use-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_app-instance.use_use-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_app-instance.use_use-composition.code -->
+::: preview <!-- VUEJSON.E_app-instance.use_use-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_app-instance.use_use-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_app-instance.use_use-composition.code -->
 :::

 ### app.config.globalProperties
@@ -57,15 +57,15 @@ export function createApp() {
 `globalProperties` 在编译时处理，因此确保你的操作在编译时是可知的。例如，将变量赋值给 `globalProperties` 时，这个变量在编译时必须是已知的，而不能是在运行时才能确定的变量。
 件参数，当传递插件参数时，`app` 的类型需要指定为 `VueApp`。

-示例 [详情](<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.code -->
+::: preview <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_app-instance.globalProperties_globalProperties-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_app-instance.globalProperties_globalProperties-composition.code -->
 :::

 ## 应用生命周期 @app-lifecycle

--- a/docs/vue/options-api.md
+++ b/docs/vue/options-api.md
@@ -102,15 +102,15 @@

 预编译的模板，例如单文件组件中的模板，会在构建时被编译为 `render` 选项。如果一个组件中同时存在 `render` 和 `template，则` `render` 将具有更高的优先级。

-示例 [详情](<!-- VUEJSON.E_render-function.render_render-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_render-function.render_render-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_render-function.render_render-composition.webUrl -->
-
-> 组合式 API
-<!-- VUEJSON.E_render-function.render_render-composition.code -->
+::: preview <!-- VUEJSON.E_render-function.render_render-options.webUrl -->

 > 选项式 API
 <!-- VUEJSON.E_render-function.render_render-options.code -->
+
+> 组合式 API
+<!-- VUEJSON.E_render-function.render_render-composition.code -->
 :::

 #### slots
@@ -262,18 +262,18 @@
 - 在 Vue 开发者工具中的组件树显示时
 - 在组件抛出的警告追踪栈信息中显示时

-示例 [详情](<!-- VUEJSON.E_component-instance.circular-reference_circular-reference-composition.gitUrl -->)
+示例 [详情](<!-- VUEJSON.E_component-instance.circular-reference_circular-reference-options.gitUrl -->)

-::: preview <!-- VUEJSON.E_component-instance.circular-reference_circular-reference-composition.webUrl -->
-
-> 组合式 API
-
-<!-- VUEJSON.E_component-instance.circular-reference_circular-reference-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.circular-reference_circular-reference-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.circular-reference_circular-reference-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.circular-reference_circular-reference-composition.code -->
+
 :::

 #### inheritAttrs
@@ -300,18 +300,18 @@

 一个对象，用于注册对当前组件实例可用的组件。

-示例 [详情](<!-- VUEJSON.E_component-instance.attrs_attrs-composition.gitUrl -->)
-
-::: preview <!-- VUEJSON.E_component-instance.attrs_attrs-composition.webUrl -->
-
-> 组合式 API
+示例 [详情](<!-- VUEJSON.E_component-instance.attrs_attrs-options.gitUrl -->)

-<!-- VUEJSON.E_component-instance.attrs_attrs-composition.code -->
+::: preview <!-- VUEJSON.E_component-instance.attrs_attrs-options.webUrl -->

 > 选项式 API

 <!-- VUEJSON.E_component-instance.attrs_attrs-options.code -->

+> 组合式 API
+
+<!-- VUEJSON.E_component-instance.attrs_attrs-composition.code -->
+
 :::

 - 参考[组件](./component.md)