update demo
This commit is contained in:
parent
0585c81d3f
commit
150e150cec
@ -22,8 +22,9 @@ console.log('appStore.device=', useAppStore.device);
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<div class="mytitle">
|
<div class="mytitle">
|
||||||
<span class="text">Hello</span>
|
<span class="text">获取环境变量</span>
|
||||||
</div>
|
</div>
|
||||||
|
<div>element按钮示例</div>
|
||||||
<div class="button-example">
|
<div class="button-example">
|
||||||
<el-row class="mb-4">
|
<el-row class="mb-4">
|
||||||
<el-button>Default</el-button>
|
<el-button>Default</el-button>
|
||||||
@ -61,6 +62,8 @@ console.log('appStore.device=', useAppStore.device);
|
|||||||
<el-button type="danger" :icon="Delete" circle />
|
<el-button type="danger" :icon="Delete" circle />
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
<div> </div>
|
||||||
|
<div>element图标示例</div>
|
||||||
<div style="font-size: 20px;">
|
<div style="font-size: 20px;">
|
||||||
<!-- 由于SVG图标默认不携带任何属性 -->
|
<!-- 由于SVG图标默认不携带任何属性 -->
|
||||||
<!-- 你需要直接提供它们 -->
|
<!-- 你需要直接提供它们 -->
|
||||||
|
@ -1,6 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="app-container">
|
<div class="app-container">
|
||||||
<div>Store Demo</div>
|
<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> </div>
|
||||||
|
<div>========</div>
|
||||||
|
<div>以下是变量显示值,具体用法参考源代码</div>
|
||||||
<div>userStore.name={{ userStore.name }}</div>
|
<div>userStore.name={{ userStore.name }}</div>
|
||||||
<div>appStore.device={{ device }}</div>
|
<div>appStore.device={{ device }}</div>
|
||||||
<div><el-button @click="handleToggleDevice">toggleDevice</el-button></div>
|
<div><el-button @click="handleToggleDevice">toggleDevice</el-button></div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user