记录学习pinia

1,为什么使用pinia
因为他是vuex的核心成员写的状态管理库,他更加轻量只有1kb,我觉得他定义模块更符合组件化 定义的思想
2.如何引入pinia
首先自然是安装 npm i pinia -s
其实是引入`

import { createPinia } from "pinia";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate);
export default pinia

插入代码片`
然后在main.js 里面引入在这里插入图片描述
然后勒就是在页面中引入定义的文件
在这里插入图片描述

import {useStores} from ‘@/stores/counter.js’
let stores=useStores()

  • 二 修改pinia状态的几种方式
    1.使用 storeToRef(store) 的方式
    2.store. p a t c h ( n a m e : ′ 赋 值 ′ ) 3. s t o r e . patch({ name:'赋值' }) 3.store. patch(name:)3.store.patch((state)=>{ state.name=‘赋值’ })
    4.这个是覆盖整个state的方式 store.$state
    未完待续
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值