文章阅读

沉浸阅读完整内容

写文章

Pinia的基本使用方法

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

创建

引入

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里面会接受,并且根据逻辑进行处理。

推荐阅读

4 篇精选
文章 / 147Vue3创建项目如何在手机上访问 文章 / 146VUE3+Pinia购物车核心代码 文章 / 145better-scroll左右联动使用方法 文章 / 148echarts如何解决解决图标数据重叠图表问题

发表评论

评论 8

JosephTix
精彩的 出行资源! 不要停下! <a href=https://iqvel.com/zh-Hans/a/%E5%8D%B0%E5%BA%A6/%E9%94%A1%E5%85%8B%E6%95%99%E9%87%91%E5%BA%99>免費聖餐</a> 敬意 这些有趣的文章。真心 很有意思。
JosephTix
引人入胜的 在线导览! 越来越棒! <a href=https://iqvel.com/zh-Hans/a/%E5%BE%B7%E5%9B%BD/%E8%AF%BA%E5%BE%B7%E5%9F%BA%E5%85%B4%E5%AE%AB>法式園林</a> 温暖的 博客内容! 把国家加入清单。
RU
我喜欢, 真实的旅行者分享建议。你的博客 就是 最好的例子。很出色。
JosephTix
很高兴阅读 照片。特别 有帮助。 <a href=https://iqvel.com/zh-Hans/a/%E6%97%A5%E6%9C%AC/%E5%A7%AC%E8%B7%AF%E5%9F%8E>連郭式城郭</a> 我热爱 旅游博客。太棒了阅读建议。
EM
很棒的 内容! 继续创作。
JosephTix
你的博客让人一口气读完。谢谢 真情。 <a href=https://iqvel.com/zh-Hans/a/%E4%B9%8C%E5%85%8B%E5%85%B0/%E7%9A%AE%E5%BE%B7%E5%90%89%E7%88%BE%E9%BD%8A%E5%9F%8E%E5%A0%A1>皮德吉爾齊城堡</a> 非常感谢 有用的内容。真正 吸引人。
11
11年后
空空
购物车的笔记写一下哇

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--
本月获得--积分
正在读取