«

Pinia的基本使用方法

时间:2023-8-11 11:16     作者:小诸葛     分类: 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里面会接受,并且根据逻辑进行处理。

vue Pinia的基本使用方法 pinia

推荐阅读:


扫描二维码,在手机上阅读
评论:
avatar
11 2023-09-02 14:11     Win 10 /    Chrome
11年后