 微语:代码适合中午敲,早晚出BUG
  微语:代码适合中午敲,早晚出BUG
Pinia的基本使用方法 Vue
创建
引入
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里面会接受,并且根据逻辑进行处理。
 
						 
						 
						 
						 
 
						