Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

  • Vue2

  • port

  • CSS

  • Node.js

  • JavaScript优化

  • uniapp

  • Mini Program

  • TypeScript

  • 面向对象编程

  • UI组件

  • Plugin

  • Vue3

  • 性能优化

  • Axios

  • 状态管理

    • pinia

      • Pinia 初始
      • Pinia state
      • Pinia 解构store
      • Pinia Actions
      • Pinia Getters
      • Pinia API
        • $reset
    • zustand

  • React

  • Mock

  • Icon

  • Template

  • 构建工具

  • 项目规范配置

  • Taro

  • SVG

  • React Native

  • 前端
  • 状态管理
  • pinia
HiuZing
2023-03-27
目录

Pinia API

# $reset

重置store到他的初始状态

index.ts

state: () => ({
     user: <Result>{},
     name: "default",
     current:1
})
1
2
3
4
5

App.vue

// Vue 例如我把值改变到了10
const change = () => {
     Test.current++
}
const reset = ()=>{
    // 将会把state所有值重置回到原始状态
    Test.$reset()
}
1
2
3
4
5
6
7
8

# 订阅state的改变

类似于Vuex 的abscribe,只要有state的变化就会走这个函数

Test.$subscribe((args,state)=>{
	  console.log(args,'a');
	  console.log(state,'s')
})
1
2
3
4

image-20230327135707153

第二个参数

组件卸载之后还想继续调用请设置第二个参数

Test.$subscribe((args,state)=>{
   console.log(args,state);
},{
  detached:true
})
1
2
3
4
5

# 订阅Actions的调用

只要有actions被调用就会走这个函数

Test.$onAction((args)=>{
   console.log(args);
})
1
2
3

image-20230327135946547

上次更新: 2024/08/14, 04:14:33
Pinia Getters
zustand基础使用

← Pinia Getters zustand基础使用→

最近更新
01
React Native 使用SVG
08-13
02
Docker基础命令
08-04
03
算数逻辑单元
07-30
更多文章>
Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式