Vue新一代状态管理插件Pinia

什么是 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。

文章名称：Vue新一代状态管理插件Pinia
网页地址：http://www.hantingmc.com/qtweb/news43/510593.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联