Vue3 uses repository Pinia (state)

1. store.js creates state

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

2. Reference store.js

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

3. Display in html

{
   
   {store.name}}：{
   
   {age}}