封装第三方库集成

封装第三方库集成是 Pinia 学习中的单个核心知识点，下面直接说明用法。

定义

封装第三方库集成是 Pinia 使用中的一个独立知识点，核心作用是：开发插件将axios/router等库注入到所有Store，实现this.$http调用。

语法

常用语法是在 Store 定义或组件调用处完成配置与使用。

JavaScript

const loggerPlugin = ({ store }) => {
  store.$subscribe((mutation) => {
    console.log(store.$id, mutation.type)
  })
}

const pinia = createPinia()
pinia.use(loggerPlugin)

示例

JavaScript

const loggerPlugin = ({ store }) => {
  store.$subscribe((mutation) => {
    console.log(store.$id, mutation.type)
  })
}

const pinia = createPinia()
pinia.use(loggerPlugin)

注意事项

插件会影响多个 Store，命名和类型扩展要保持一致。

要点总结

封装第三方库集成 只解决当前知识点对应的问题。
优先使用 Pinia 官方 API，避免引入多余封装。
示例代码应保持 Store 简洁、职责清晰。