1.安装插件为了让持久化,在终端输入pnpm add pinia-plugin-persistedstate -D 2.使用main.js ,离pinia近的地方导入import persist from 'pinia-plugin-persistedstate' app.use(createPinia().use(persist)) 3.配置stores/user.js {persist: true} 涉及到了pinia单独拿出来放在store项目下的index.js文件夹,通常我...
使用 Vite 创建一个空的 Vue3项目 npm init vite@latest 2.按照官方文档安装 pinia 到项目中 3. P...
5.vue3中使用pinia报错2024-09-03 收起 问题: Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"? 原代码: const app = createApp(App) const pinia = createPinia() const store = useAllDa...
该store对象可以立即使用，并且可以在组件中通过$store访问。在 Pinia 中，defineStore()返回一个需要我们...
一、问题分析 在使用pinia后,我们有时候会发现nvue页面出现了空白,这可能是由于pinia与nvue的兼容性问题导致的。在nvue中,我们需要通过Vue.use()来安装pinia插件,但是在Vue3中,这种方式并不适用。所以当我们在nvue页面中使用pinia时,可能会出现一些兼容性问题,导致页面无法正常显示。
一、问题分析 在使用pinia后,我们有时候会发现nvue页面出现了空白,这可能是由于pinia与nvue的兼容性问题导致的。在nvue中,我们需要通过Vue.use()来安装pinia插件,但是在Vue3中,这种方式并不适用。所以当我们在nvue页面中使用pinia时,可能会出现一些兼容性问题,导致页面无法正常显示。
使用createPinia() 函数创建并初始化 Pinia 插件实例,将其与 Vue 应用程序绑定使用 app.use(pinia)。至此,我们就可以使用Pinia 来管理 Vue 应用程序的状态了。 最后,在 src 文件下创建一个 store 文件夹,并添加 store.js 文件。 3. Pinia 的使用
一、问题分析 在使用pinia后,我们有时候会发现nvue页面出现了空白,这可能是由于pinia与nvue的兼容性问题导致的。在nvue中,我们需要通过Vue.use()来安装pinia插件,但是在Vue3中,这种方式并不适用。所以当我们在nvue页面中使用pinia时,可能会出现一些兼容性问题,导致页面无法正常显示。
说起来思路很简单,可真正实现起来就各种问题了,所以咱们就使用pinia的插件pinia-plugin-persistedstate来实现。 2.2 pinia-plugin-persistedstate 接下来就使用pinia-plugin-persistedstate插件实现pinia状态的持久化。 安装依赖: yarn add pinia-plugin-persistedstate ...