!20287 补充组件双向绑定能力文档说明

Merge pull request !20287 from limeng/double_dollar_doc

zh-cn/application-dev/quick-start/arkts-two-way-sync.md

-# $$语法：内置组件双向同步
-
-
-$$运算符为系统内置组件提供TS变量的引用，使得TS变量和系统内置组件的内部状态保持同步。
-
-
-内部状态具体指什么取决于组件。例如，[bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md)属性方法的show参数。
-
-
-## 使用规则
-
-- 当前$$支持基础类型变量，以及\@State、\@Link和\@Prop装饰的变量。
-
-- 当前$$仅支持[bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md)属性方法的show参数，[Radio](../reference/arkui-ts/ts-basic-components-radio.md)组件的checked属性，[Refresh](../reference/arkui-ts/ts-container-refresh.md)组件的refreshing参数。
-
-- $$绑定的变量变化时，会触发UI的同步刷新。
-
-
-## 使用示例
-
-以[bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md)属性方法的show参数为例：
-
-
-```ts
-// xxx.ets
-@Entry
-@Component
-struct bindPopupPage {
-  @State customPopup: boolean = false;
-
-  build() {
-    Column() {
-      Button('Popup')
-        .margin(20)
-        .onClick(() => {
-          this.customPopup = !this.customPopup
-        })
-        .bindPopup($$this.customPopup, {
-          message: 'showPopup'
-        })
-    }
-  }
-}
-```
-
-
-![popup](figures/popup.gif)
+# $$语法：内置组件双向同步
+
+
+$$运算符为系统内置组件提供TS变量的引用，使得TS变量和系统内置组件的内部状态保持同步。
+
+
+内部状态具体指什么取决于组件。例如，[bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md)属性方法的show参数。
+
+
+## 使用规则
+
+- 当前$$支持基础类型变量，以及\@State、\@Link和\@Prop装饰的变量。
+
+- 当前$$支持的组件
+
+  | 组件                                                         | 支持的参数/属性 | 起始API版本 |
+  | ------------------------------------------------------------ | --------------- | ----------- |
+  | [bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md) | show            | 8           |
+  | [Checkbox](../reference/arkui-ts/ts-basic-components-checkbox.md) | select          | 10          |
+  | [CheckboxGroup](../reference/arkui-ts/ts-basic-components-checkboxgroup.md) | selectAll       | 10          |
+  | [DatePicker](../reference/arkui-ts/ts-basic-components-datepicker.md) | selected        | 10          |
+  | [TimePicker](../reference/arkui-ts/ts-basic-components-timepicker.md) | selected        | 10          |
+  | [MenuItem](../reference/arkui-ts/ts-basic-components-menuitem.md) | selected        | 10          |
+  | [Panel](../reference/arkui-ts/ts-container-panel.md)         | mode            | 10          |
+  | [Radio](../reference/arkui-ts/ts-basic-components-radio.md)  | checked         | 10          |
+  | [Rating](../reference/arkui-ts/ts-basic-components-rating.md) | rating          | 10          |
+  | [Refresh](../reference/arkui-ts/ts-container-refresh.md)     | refreshing      | 8           |
+  | [Search](../reference/arkui-ts/ts-basic-components-search.md) | value           | 10          |
+  | [SideBarContainer](../reference/arkui-ts/ts-container-sidebarcontainer.md) | showSideBar     | 10          |
+  | [Slider](../reference/arkui-ts/ts-basic-components-slider.md) | value           | 10          |
+  | [Stepper](../reference/arkui-ts/ts-basic-components-stepper.md) | index           | 10          |
+  | [Swiper](../reference/arkui-ts/ts-container-swiper.md)       | isOn            | 10          |
+  | [Tabs](../reference/arkui-ts/ts-container-tabs.md)           | index           | 10          |
+  | [TextArea](../reference/arkui-ts/ts-basic-components-textarea.md) | text            | 10          |
+  | [TextInput](../reference/arkui-ts/ts-basic-components-textinput.md) | text            | 10          |
+  | [TextPicker](../reference/arkui-ts/ts-basic-components-textpicker.md) | selected、value | 10          |
+  | [Toggle](../reference/arkui-ts/ts-basic-components-toggle.md) | isOn            | 10          |
+  | [AlphabetIndexer](../reference/arkui-ts/ts-container-alphabet-indexer.md) | selected        | 10          |
+  | [Select](../reference/arkui-ts/ts-basic-components-select.md) | selected、value | 10          |
+
+- $$绑定的变量变化时，会触发UI的同步刷新。
+
+
+## 使用示例
+
+以[bindPopup](../reference/arkui-ts/ts-universal-attributes-popup.md)属性方法的show参数为例：
+
+
+```ts
+// xxx.ets
+@Entry
+@Component
+struct bindPopupPage {
+  @State customPopup: boolean = false;
+
+  build() {
+    Column() {
+      Button('Popup')
+        .margin(20)
+        .onClick(() => {
+          this.customPopup = !this.customPopup
+        })
+        .bindPopup($$this.customPopup, {
+          message: 'showPopup'
+        })
+    }
+  }
+}
+```
+
+
+![popup](figures/popup.gif)