diff --git a/pages/CSS/border/border-update.uvue b/pages/CSS/border/border-update.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..0356a38265ba4e59d713f7051d56f61954ddf5da
--- /dev/null
+++ b/pages/CSS/border/border-update.uvue
@@ -0,0 +1,26 @@
+<template>
+	<!-- #ifdef APP -->
+	<scroll-view style="flex:1">
+	<!-- #endif -->
+		<view>
+			<button @click="handleUpdate">点击更新border样式</button>
+			<view class="border-view" :style="borderStyle"></view>
+		</view>
+	<!-- #ifdef APP -->
+	</scroll-view>
+	<!-- #endif -->
+</template>
+
+<script setup>
+	let borderStyle = ref("border:3px solid red;")
+	const handleUpdate = () => {
+		borderStyle.value = "border:7px solid red;"
+	}
+</script>
+
+<style>
+	.border-view {
+		width: 150px;
+		height: 150px;
+	}
+</style>