From 7ac6617b43ee7e2b1f505a69351252506106214b Mon Sep 17 00:00:00 2001
From: Hookin <45350455+LuckyHookin@users.noreply.github.com>
Date: Sun, 30 May 2021 17:53:39 +0800
Subject: [PATCH] Update vue-components.md
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与 vue 文档对齐，使读者更易理解 prop 作为初始值时，变更 prop 的情形。
---
 docs/vue-components.md | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/docs/vue-components.md b/docs/vue-components.md
index 3032e4d48..d24b2b2a4 100644
--- a/docs/vue-components.md
+++ b/docs/vue-components.md
@@ -282,18 +282,23 @@
 
 > 每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。
 
-- 这个 `prop` 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 `prop` 数据来使用。
+- 这个 `prop` 用来传递一个初始值；这个子组件接下来希望将其作为一个本地的 `prop` 数据来使用。在这种情况下，最好定义一个本地的 `data property` 并将这个 `prop` 用作其**初始值**：
 
 ```html
 	<template>
 		<view>
 			<!-- 我是子组件componentA -->
-			<view>{{title}}</view>
+			<view>{{myTitle}}</view>
 		</view>
 	</template>
 	<script>
 		export default {
-			props: ['title']
+			props: ['title'],
+			data() {
+				return {
+					myTitle:this.title
+				}
+			}
 		}
 	</script>
 ```
-- 
GitLab