社区编辑申请
注册/登录
Vue新一代状态管理插件Pinia
开发 开发工具
如果你正在开发一个新项目,请毫不犹豫地选择 pinia,这不仅仅是当下最好的选择,也将会是未来最好的选择。如果你喜欢 Composition API ,喜欢更简洁的 api 操作,请一定要选择 pinia。

什么是 Pinia

如果你之前使用过 vuex 进行状态管理的话,那么 pinia 就是一个类似的插件。它是最新一代的轻量级状态管理插件。按照尤雨溪的说法,vuex 将不再接收新的功能,建议将 Pinia 用于新的项目。

Pinia 的优点

  • 简便,存储和组件变得很类似,你可以轻松写出优雅的存储;
  • 类型安全,通过类型推断,可以提供自动完成的功能;
  • vue devtools 支持,可以方便进行调试;
  • Pinia 支持扩展,可以非常方便地通过本地存储,事物等进行扩展;
  • 模块化设计,通过构建多个存储模块,可以让程序自动拆分它们;
  • 非常轻巧,只有大约 1kb 的大小;
  • 服务器端渲染支持。

如何使用

使用 Pinia 非常简单,你可以通过defineStore来简单创建一个存储管理。

yarn add pinia@next
import {createPinia} from 'pinia'
app.use(createPinia())
import {defineStore} from 'pinia'

export const useTodoStore = defineStore({
id: "todo",
state:()=>({count:0,title:"test",done:false})
})
export default defineComponent({
setup() {
const todo = useTodoStore()

return {
// gives access only to specific state
state: computed(() => todo.title),
}
},
})

同 vuex 的比较

Pinia 最初是为了探索 Vuex 下一次迭代可能会是什么样子,结合了 Vuex 5 核心团队讨论中的许多想法。最终,我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容,并决定实现它取而代之的是新的建议。

与 Vuex 相比,Pinia 提供了一个更简单的 API,具有更少的操作,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。

总结

如果你正在开发一个新项目,请毫不犹豫地选择 pinia,这不仅仅是当下最好的选择,也将会是未来最好的选择。如果你喜欢 Composition API ,喜欢更简洁的 api 操作,请一定要选择 pinia。

责任编辑:赵宁宁 来源: 今日头条
相关推荐

2022-02-22 07:37:26

VuePinia态管理库

2022-03-07 11:15:25

Pinia状态库vue3

2022-06-15 11:51:14

Vue3开发避坑

2022-06-15 11:02:40

网络安全运营

2022-05-17 08:39:05

VueViteTypeScript

2022-06-15 09:01:41

2022-06-23 09:22:57

Vue技巧前端

2022-06-14 23:34:10

Linux安全服务器

2022-07-01 05:47:19

PyCharm插件开发

2022-06-16 15:42:16

攻击面管理ASM

2021-12-16 08:47:56

2022-06-07 14:15:44

Vue开发工具

2022-06-16 07:32:38

VSCodePython插件

2022-06-30 18:17:00

数据集云数据建模计数据仓库

2022-05-09 11:19:12

CSS函数开源

2022-06-20 13:34:46

漏洞网络攻击

2022-06-24 11:14:00

美团开源

2022-06-29 20:24:59

AI机器人制造业

2022-07-01 14:14:42

MuddyWater攻击伊朗

2022-06-07 10:09:42

新技术人工智能5G

同话题下的热门内容

9.6K Star!可扩展的富文本编辑框架!让技术债务瑟瑟发抖的十个JetBrains插件Java 开发者必备的 十 个 IntelliJ IDEA 插件八个颠覆性PyCharm插件2022 年需求中值得拥有的 DevOps 工具Djinn:一个受 Jinja2 启发的代码生成器和模板语言自动化测试工具-Playwright(快速上手)Python包管理工具之Poetry

编辑推荐

终于有人把Elasticsearch原理讲透了!花了一个星期,我终于把RPC框架整明白了!这可能是把ZooKeeper概念讲的最清楚的一篇文章论如何下载一个在线的m3u8文件到本地成为一个mp4!拜托!面试不要再问我Spring Cloud底层原理
我收藏的内容
点赞
收藏

51CTO技术栈公众号