update demo

This commit is contained in:
midfar 2023-03-09 09:35:14 +08:00
parent 0585c81d3f
commit 150e150cec
2 changed files with 10 additions and 1 deletions

View File

@ -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图标默认不携带任何属性 -->
<!-- 你需要直接提供它们 -->

View File

@ -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>