修改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: {}
}) 



相关文章
|
JavaScript 前端开发
为什么import store from ‘./store‘和 ‘./store/index‘一样
为什么import store from ‘./store‘和 ‘./store/index‘一样
148 0
|
7天前
|
存储 JavaScript
vue——store全局存储
【10月更文挑战第18天】Vuex 是 Vue.js 应用中非常重要的一个工具,它为我们提供了一种有效的状态管理方式。通过合理地使用 Vuex,我们可以更好地组织和管理应用的状态,提高应用的开发效率和质量。
23 1
|
4月前
|
API
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate,异步Action,storeToRefs(),修改State的 $patch,$reset
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate,异步Action,storeToRefs(),修改State的 $patch,$reset
1138 1
|
6月前
|
编解码 供应链 数据安全/隐私保护
2023 年如何将您的应用提交到 App Store
2023 年如何将您的应用提交到 App Store
|
6月前
|
编解码 供应链 数据安全/隐私保护
如何将您的应用提交到 App Store
如何将您的应用提交到 App Store
|
数据安全/隐私保护 iOS开发
ipa上传到APP store​
ipa上传到APP store​
|
开发者
ipa上传到app store的方法
假如你没有mac电脑,将ipa上传到苹果开发者中心,生成构建版本在以前是一个比较麻烦的活,但是现在有现成的免费工具可以将ipa上传到苹果开发者中心,并生成构建版本。
|
移动开发 小程序 JavaScript
微信小程序:uni-app列表数据渲染子组件修改数据sync/v-model无效的问题
微信小程序:uni-app列表数据渲染子组件修改数据sync/v-model无效的问题
430 0
|
XML Linux 开发者
ipa文件上架app store的方法,很简单
ipa文件上架app store的方法,很简单
ipa文件上架app store的方法,很简单
|
XML Linux 开发者
ipa文件上架app store的方法,很简单
ipa文件上架app store的方法,很简单
ipa文件上架app store的方法,很简单