mirror of
https://gitee.com/myxzgzs/boyue-ui-admin-uniapp
synced 2025-08-08 16:32:44 +08:00
37 lines
1.1 KiB
Vue
37 lines
1.1 KiB
Vue
<route lang="json5">
|
||
{
|
||
layout: 'display',
|
||
style: { navigationBarTitleText: 'pinia+持久化' },
|
||
}
|
||
</route>
|
||
|
||
<template>
|
||
<view class="flex justify-center items-center text-blue-500 mt-4 mb-4">
|
||
<view class="w-20">Count: {{ countStore.count }}</view>
|
||
<button class="ml-2 mr-2" @click="countStore.decrement">-1</button>
|
||
<button class="ml-2 mr-2" @click="countStore.increment">+1</button>
|
||
<button class="ml-2 mr-2" @click="countStore.reset">重置</button>
|
||
</view>
|
||
<view class="m-8 text-4 leading-8">
|
||
<view class="text-center">{{ userStore.userInfo }}</view>
|
||
<view class="text-center">请观察小程序的store，可以看到是可以正常设置的</view>
|
||
<button @click="setUserInfo">设置UserInfo</button>
|
||
<button @click="clearUserInfo" class="mt-4">清除UserInfo</button>
|
||
</view>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { useCountStore, useUserStore } from '@/store'
|
||
|
||
const countStore = useCountStore()
|
||
|
||
const userStore = useUserStore()
|
||
|
||
const setUserInfo = () => {
|
||
userStore.setUserInfo({ username: 'fly', token: 'abcdef' })
|
||
}
|
||
const clearUserInfo = () => {
|
||
userStore.clearUserInfo()
|
||
}
|
||
</script>
|