From 6356727b9952f7f81703277d1efcd515c404a70d Mon Sep 17 00:00:00 2001
From: anne-lxm <1076217653@qq.com>
Date: Fri, 17 Dec 2021 18:20:22 +0800
Subject: [PATCH] update demo

---
 docs/vue-basics.md | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/docs/vue-basics.md b/docs/vue-basics.md
index 317b44c96..b5d5938e2 100644
--- a/docs/vue-basics.md
+++ b/docs/vue-basics.md
@@ -647,13 +647,16 @@ data 必须声明为返回一个初始数据对象的函数（注意函数内返
 
 
 
-> 非H5端不支持 `classObject` 和 `styleObject` 语法。
+> 小程序端不支持 `classObject` 和 `styleObject` 语法。
 
-不支持示例：
+小程序端不支持示例：
 
 ```html
 	<template>
-		<view :class="[activeClass]" :style="[baseStyles,overridingStyles]"></view>
+		<view>
+			<view :class="activeClass">hello uni-app</view>
+			<view :style="styleObject">hello uni-app</view>
+		</view>
 	</template>
 	<script>
 		export default {
@@ -663,17 +666,23 @@ data 必须声明为返回一个初始数据对象的函数（注意函数内返
 						'active': true,
 						'text-danger': false
 					},
-					baseStyles: {
-						color: 'green',
-						fontSize: '30px'
-					},
-					overridingStyles: {
-						'font-weight': 'bold'
+					styleObject: {
+						color: 'red',
+						fontSize: '20px'
 					}
 				}
 			}
 		}
 	</script>
+	<style>
+		.active {
+			background-color: #007AFF;
+		}
+		.text-danger {
+			font-size: 60rpx;
+			color: #DD524D;
+		}
+	</style>
 ```
 
 ## 条件渲染@condition
-- 
GitLab