修改store

简介: 修改store

直接修改

<template>
  <div>{{ store.count }}</div>
  <button @click="add">+1</button>
</template>
<script setup>
import { useStore } from '@/store/index';
let store = useStore()
const add = () => {
  store.count++
}
</script>

调用$patch

<template>
  <div>{{ store.count }}</div>
  <button @click="add">+1</button>
</template>
<script setup>
import { useStore } from '@/store/index';
let store = useStore()
const add = () => {
  store.$patch({
    count: store.count + 1,  
    msg: 'hello pinia!'
  })
}
</script>


$patch加函数的形式修改状态数据

import { defineStore } from 'pinia'
export const useStore = defineStore('main', {
  state: () => {
    return {
      msg: 'hello world!',
      count: 0,
      userInfo: {
        name:'张三'
      },
      userItems: []
    }
  },
  getters: {},
  actions: {}
}) 



相关文章
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
4.1 钉钉宜搭大屏介绍|学习笔记
|
安全 Java 数据库
Spring Boot中的Kotlin语言支持
Spring Boot中的Kotlin语言支持
|
缓存 算法 BI
【天衍系列 02】深入理解Flink的FileSink 组件:实时流数据持久化与批量写入
【天衍系列 02】深入理解Flink的FileSink 组件:实时流数据持久化与批量写入
571 2
|
存储 缓存 物联网
新EDPB指南:不只是Cookie
保障中国企业符合《个人信息保护法》合规,方案包括梳理基线、发现敏感信息、简化评估工作流、快速响应权利请求、满足告知同意要求,以及有效保护敏感数据。用九智汇整合自动化工具和规则引擎,确保高效风险评估、合规证据链建立,进一步保障数据安全。
266 1
|
机器学习/深度学习
YOLOv8改进 | 注意力篇 | 实现级联群体注意力机制CGAttention (全网首发)
YOLOv8改进 | 注意力篇 | 实现级联群体注意力机制CGAttention (全网首发)
782 0
|
关系型数据库 MySQL
mysql动态查列(case when then else end)
mysql动态查列(case when then else end)
164 0
|
机器学习/深度学习 编解码 自然语言处理
Transformer 系列| Transformer又搞事情!TransReID首次在ReID中应用,结果喜人(文末获取论文)(一)
Transformer 系列| Transformer又搞事情!TransReID首次在ReID中应用,结果喜人(文末获取论文)(一)
857 0
Transformer 系列| Transformer又搞事情!TransReID首次在ReID中应用,结果喜人(文末获取论文)(一)
|
存储 算法 数据库
SAP ABAP——内表(一)【内表概要介绍】
本文是SAP ABAP【内表】文章系列的开篇,主要对内表进行简单的介绍,将从概要,分类以及比较三个方面进行介绍
970 1
SAP ABAP——内表(一)【内表概要介绍】
|
移动开发 小程序 JavaScript
【C++】C++ 标准库 — 正则表达式
关于 C++ 标准库中正则表达式的使用 std::regex
497 0
|
运维 Kubernetes 监控
K8S学习-当我们部署应用的时候都发生了什么?(第一篇)
第一篇笔记定的主题是“调度-当我们部署应用的时候都发生了什么?”,先从大的框架上记录一下K8S的架构与原理;对于卷、网络、configmap等组件会放在第二篇。初学者级别的学习笔记,有问题的地方大佬们及时勘误。
31565 17
K8S学习-当我们部署应用的时候都发生了什么?(第一篇)