pinia的学习和理解

2024-04-20 06:27:04

pinia

介绍

vue新一代状态管理库，相当于vuex

特性

1.像定义components一样定义store

2.支持ts

3.去除mutations，只有state，getters，actions（支持同步异步）

4.轻量级（1kb）

5.vuex是要有主入口进行统一导入，pinia可以分模块导入

pina简单使用

导入pinia（createPinia）

定义store（defineStore）

使用store数据（useMainStore）

不用store.state.count 直接就store.count使用：直接store.state，store.getters，store.action

pinia 的 storeToRefs 使用

注意：

store解构出来的数据不是响应式数据，不能修改

解决方法（使用pinia的storeToRefs）

数据修改

方式：直接修改和$patch修改（两种）

区别：直接修改是可以分多次修改，$patch修改是合并成一次修改（节省性能）

建议使用第三种（函数式）store.$pattch( (state) => { .... })

如果想替换整个store 的 state，使用store.$state如果想重置原来的state，可以使用 store.$reset()

监听整个仓库变化，使用store.$subscribe((mutation, state) => {})

计算属性 getters

定义

使用（和state一样）

action修改数据方法（同步异步皆可以）

定义（在action方法里使用this.xxx 就可以获取store.xxx）

使用

pinia的学习和理解相关推荐

《C++应用程序性能优化::第五章动态内存管理》学习和理解
<C++应用程序性能优化::第五章动态内存管理>学习和理解说明:<C++应用程序性能优化> 作者:冯宏华等 2007年版. 2010.8.29 cs_wuyg@126.com ...
【赠书】新手速递！深度学习视频理解！
‍‍ 视频理解是当前计算机视觉研究领域中备受学术界和工业界关注的方向,随着视频行业的高速发展,如何利用 AI 技术更好地对视频内容进行理解变得越来越重要.今天要给大家介绍的书是<深度学习视频理解 ...
9月21日云栖精选夜读 | 如何优雅地从四个方面加深对深度学习的理解
在今年的 ICML 上,深度学习理论成为最大的主题之一.会议第一天,Sanjeev Arora 就展开了关于深度学习理论理解的教程,并从四个方面分析了关于该领域的研究:非凸优化.超参数和泛化.深度的意 ...
《C++应用程序性能优化::第二章C++语言特性的性能分析》学习和理解
<C++应用程序性能优化::第二章C++语言特性的性能分析>学习和理解说明:<C++应用程序性能优化> 作者:冯宏华等 2007年版.最近出了新版,看了目录,在前面增加了一章 ...
如何优雅地从四个方面加深对深度学习的理解
在今年的 ICML 上,深度学习理论成为最大的主题之一.会议第一天,Sanjeev Arora 就展开了关于深度学习理论理解的教程,并从四个方面分析了关于该领域的研究:非凸优化.超参数和泛化.深度的意 ...
[机器学习]正则化项L1和L2的学习与理解
正则化项L1和L2的学习与理解一,正则化(Regularization) 稀疏模型与特征选择的关系二, 为什么L1产生稀疏模型而L2可以防止过拟合 1, L1和L2正则化的直观理解正则化和特征选 ...
递归求全排列的学习与理解
递归求全排列全排列: 从n个不同元素中任取m(m≤n)个元素,按照一定的顺序排列起来,叫做从n个不同元素中取出m个元素的一个排列.当m=n时所有的排列情况叫全排列. 例题: 输出自然数 1 到n所有 ...
Faster RCNN原理篇（一）——Bounding-Box Regression边界框回归的学习和理解
Bounding-Box Regression边界框回归的学习和理解引言 1. (Why?)为何要做边框回归? 2. (What?)什么是边框回归? 3. (How?)如何实现边框回归? 4. 边框 ...
物联网方面用哪种计算机语言,物联网学习及理解 - 编程语言
物联网学习及理解(来自一个物联网专业学生的心得)什么是物联网物联网能做什么一.物联网运用领域二.物联网发展趋势物联网怎么实现一.局域网内的物联网二.广域网内的物联网总结在开始写这篇博客之前 ...

最新文章

热门文章