pinia

(1)  pinia:
安装方法:【yarn add pinia或npm install pinia -s】

(2)mina.js引用:
import { createApp } from 'vue'
import App from './App.vue'
import {createPinia} from 'pinia'
 
const store = createPinia()
let app = createApp(App)
app.use(store)
app.mount('#app')

(3)初始化仓库Store,使用仓库中的数据

1、src下新建一个文件夹Store

2、Store/新建文件index.ts

3、index.ts中定义仓库Store
(4)修改state中数据的五种方式
1、State 是允许直接修改值的 例如current++

2、批量修改State的值
在他的实例上有$patch方法可以批量修改多个值
$patch({修改的属性1:值,修改的属性2:值})


4、通过原始对象修改整个实例
`$state`您可以通过将store的属性设置为新对象来替换store的整个状态
缺点就是必须修改整个对象的所有属性3、批量修改函数形式
推荐使用函数形式 可以自定义修改逻辑

5、通过actions修改
定义Actions
在actions 中直接使用this就可以指到state里面的值

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值