Pinia的基本使用方法

创建

引入

import { defineStore } from 'pinia'

定义，把变量变量暴露出去

export const useShopInfoStore = defineStore('shop', () => {
  let shopInfo = ref()
  let exInfo = (val: any) => {
    shopInfo.value = val
  }
  return {shopInfo,exInfo}
})

使用

引入

import { useShopInfoStore } from '../stores/counter'
let Shopstore = useShopInfoStore()

使用

Shopstore.shopInfo

如果需要结构要使用storeToRefs()来保持数据的响应式

引入storeToRefs

import { storeToRefs } from 'pinia'
let { shopInfo } = storeToRefs(Shopstore)

这样就可以不需要Shopstore.shopInfo拿到里面的值，而是直接shopInfo就可以拿到里面的值

方法的使用，直接Shopstore.exInfo(val) 传进去一个形惨，pinia里面会接受，并且根据逻辑进行处理。