VIP32/vue3/my_Pinia/src/components/Talk.vue

<template>
  <div class="talk">
    <h1>情话</h1>
    <button @click="addMain">添加情话</button>
    <ul>
        <li v-for="(item,index) in list" :key="index">
            {{ item.title }}
        </li>
    </ul>
  </div>
</template>
<script setup lang="ts" name="Talk">
import { reactive } from "vue";
import {useTalkStore} from '@/store/talk.ts';
import {storeToRefs} from 'pinia';

const TalkStore = useTalkStore();
let {list} = TalkStore;
console.log(list,'列表')
function addMain() {
    TalkStore.getMain();
}
</script>

<style></style>