From 150e150cec42f66ae0f6ab529b2f15608f7a8642 Mon Sep 17 00:00:00 2001
From: midfar <midfar@qq.com>
Date: Thu, 9 Mar 2023 09:35:14 +0800
Subject: [PATCH] update demo

---
 src/views/mydemo/ElementDemo.vue | 5 ++++-
 src/views/mydemo/StoreDemo.vue   | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/mydemo/ElementDemo.vue b/src/views/mydemo/ElementDemo.vue
index 2e36dea..8e39491 100644
--- a/src/views/mydemo/ElementDemo.vue
+++ b/src/views/mydemo/ElementDemo.vue
@@ -22,8 +22,9 @@ console.log('appStore.device=', useAppStore.device);
 <template>
   <div class="app-container">
     <div class="mytitle">
-      <span class="text">Hello</span>
+      <span class="text">获取环境变量</span>
     </div>
+    <div>element按钮示例</div>
     <div class="button-example">
       <el-row class="mb-4">
         <el-button>Default</el-button>
@@ -61,6 +62,8 @@ console.log('appStore.device=', useAppStore.device);
         <el-button type="danger" :icon="Delete" circle />
       </el-row>
     </div>
+    <div>&nbsp;</div>
+    <div>element图标示例</div>
     <div style="font-size: 20px;">
       <!-- 由于SVG图标默认不携带任何属性 -->
       <!-- 你需要直接提供它们 -->
diff --git a/src/views/mydemo/StoreDemo.vue b/src/views/mydemo/StoreDemo.vue
index 16bd16f..8e55cff 100644
--- a/src/views/mydemo/StoreDemo.vue
+++ b/src/views/mydemo/StoreDemo.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="app-container">
     <div>Store Demo</div>
+    <div>1. 使用 mapStores 然后调用 this.xxxStore.yyy </div>
+    <div>2. 使用 mapState 然后调用 this.xxx </div>
+    <div>3. 调用函数 const xxxStore = store.xxx() 然后可以使用xxxStore变量</div>
+    <div>&nbsp;</div>
+    <div>========</div>
+    <div>以下是变量显示值，具体用法参考源代码</div>
     <div>userStore.name={{ userStore.name }}</div>
     <div>appStore.device={{ device }}</div>
     <div><el-button @click="handleToggleDevice">toggleDevice</el-button></div>