Vue3 使用存储库Pinia(state)

一、store.js创建state

import { defineStore } from "pinia";
export const useStore = defineStore('main', {
    state() { // state表示这个store里的状态,也就是存放数据的地方
        return {
            name: '张三',
            age:'26' 
        }
    }
})

二、引用store.js

import {useStore} from "../store/store" // 引入store
const store = useStore()

三、html里展示

Vue3 使用存储库Pinia(state)_第1张图片

{{store.name}}:{{age}}

你可能感兴趣的:(vue3,javascript,vue.js,开发语言)