首页 > 其他分享 >pinia修改状态的几种方式

pinia修改状态的几种方式

时间:2022-11-12 16:48:12浏览次数:43  
标签:name 几种 current 修改 state 111 pinia main

// 1 main.current++
// 2 main.$patch({ current: 22, name: '妹妹' })
// 3 main.$patch(state => {
// state.current++, (state.name = 'hahF')
// })
// 4 main.$state = { current: 111, name: 'hahah' }
// 5 action main.setCurrent(111)

// store.ts
action: {
  setCurrent(arg:number){
    this.current = arg
  }
}

结构store

import {storeToRefs} from 'pinia'
const main = useStore() 
const {current, name} = storeToRefs(main) // 使用sotreToRefs转换为ref对象,变成响应式

标签:name,几种,current,修改,state,111,pinia,main
From: https://www.cnblogs.com/JunLan/p/16884069.html

相关文章

  • pinia初始化
    pinia安装官网:https://pinia.vuejs.org/zh/introduction.html安装:npmipinia-S//main.tsimport{createApp}from'vue'import{createPinia}from'pinia'......
  • 篇(7)-Asp.Net Core入门实战-从系统菜单功能的增删改查开始(二:修改和删除)
    入门实战-从系统菜单功能的增删改查开始(一:修改和删除)上一篇讲了查询和增加,本章节就把修改和删除讲完。1.实现修改功能。(1).在MenuController中增加2个Action:Edit,分别是......
  • mariadb修改用户host的两种方式
    问题描述:使用updateusersethost='%'whereuser='root';修改用户host失败。根据提示mariadb不在是一个基表,而是一张视图,无法被直接修改。mysql的mysql.user可以直接被up......
  • SPT_AKI自用修改内容
    向商人出售物品价格修改文件:\Aki_Data\Server\database\templates\handbook.json 5b3f3b0186f774021a2afef7 1968钢盔:ArmoredSteel5c06c6a80db834001b735491 ......
  • idea修改项目中某个模块名称
     1、修改模块名称2、修改文件夹名称3、修改本模块里面pom的名称4、修改其他模块里面引用的名称     ......
  • ODOO前端引用css如何修改页面属性
    odoo前端存在一些样式不合理的地方,如何通过ccs修改页面属性:1 通过页面属性class;2 新建模块后,创建static/src/css/styles.css文件  3 style.css内容十分简单,设......
  • 论文修改意见
    关键词:网络、模块、数据集、创新、文献、结构、公式、变量、思路、分类、论文、深度学习、定量分析、损失函数、实验验证、创新方法、研究综述、数据训练文字记录:导师......
  • JavaScript判断数据类型的几种方式
    一、数据类型JavaScript中数据类型分为两类:基本数据类型undefined、null、string、number、boolean、Symbol引用数据类型Object(Array、Function等)二......
  • 修改main函数日志级别
    默认情况下,如果项目中集成了Logback等日志框架,在执行main方法时通过其进行日志打印,那么默认的日志级别是debug的。22:03:55.386[main]DEBUGorg.apache.kafka.clients.c......
  • npm 和 yarn 缓存清理,镜像源的查看与修改
    参考:https://blog.csdn.net/weixin_45115705/article/details/90516857npmcacheclean--forceyarncacheclean使用npmroot-g查询npm全局安装的路径默认安装在C:......