From 74afd86f0eabf120bd9be83cda47151d1a61596c Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Thu, 1 Feb 2024 17:33:05 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E8=A1=A5=E5=85=85=20style=E3=80=81clas?=
 =?UTF-8?q?s=20=E7=BB=91=E5=AE=9A=20map=20=E6=95=B0=E6=8D=AE=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E7=A4=BA=E4=BE=8B=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/vue/README.md | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

diff --git a/docs/vue/README.md b/docs/vue/README.md
index 11451c15..4a247be3 100644
--- a/docs/vue/README.md
+++ b/docs/vue/README.md
@@ -141,7 +141,41 @@ const doubleCount = computed<number>(() : number => {
 
 ## [Class 与 Style 绑定](https://uniapp.dcloud.net.cn/tutorial/vue3-basics.html#class-%E4%B8%8E-style-%E7%BB%91%E5%AE%9A)
 
-- `uni-app x` 新增支持绑定 `Map` 类型数据，性能高于 `Object` 数据类型。
+- `uni-app x` 新增支持绑定 `Map` 类型数据，`App-Android` 平台性能高于 `UTSJSONObject` 数据类型。
+
+```html
+<template>
+  <view>
+    <view :style="styleMap" :class="classMap"></view>
+  </view>
+</template>
+
+<script lang="uts">
+  export default {
+    data() {
+      return {
+        styleMap: new Map<string, string>([['border', '2px solid red'], ['background-color', 'green']]),
+        classMap: new Map<string, boolean>([['w-100', true], ['h-100', true], ['rounded', false]])
+      }
+    }
+  }
+</script>
+
+<style>
+  .w-100 {
+    width: 100px;
+  }
+
+
+  .h-100 {
+    height: 100px;
+  }
+
+  .rounded {
+    border-radius: 8px;
+  }
+</style>
+```
 
 ## 应用生命周期
 uni-app x 新增了 [onLastPageBackPress](../collocation/App.md#applifecycle) 和 [onExit](../collocation/App.md#applifecycle) 应用级生命周期，Android退出应用逻辑写在app.uvue里，新建项目的模板自动包含相关代码。如需修改退出逻辑，请直接修改相关代码。
-- 
GitLab