（五）在组件中访问状态

一、在组件中访问状态

• store.js

代码语言：javascript复制

import { ref, computed } from 'vue'
import { defineStore } from 'pinia'

export const useNoteStore = defineStore('note', () => {
    const noteList = ref([
        {
            // ...
        }
    ])

    return {
        noteList
    }
})

• 在组件当中访问

代码语言：javascript复制

<tempate>
    <div>{{noteStore.noteList}}</div>
</tempate>

<script setup>
// 导入 我们定义好的 store
import { useNoteStore } from '@/store/note.js'
// 把他的返回值放到一个新的变量里面就可以直接使用了
const noteStore = useNoteStore()
</script>

store

0 人点赞