vue pinia,vuejsx

vue pinia,vuejsx

●▽● Vue2 版本需要用到这个PiniaVuePlugin Vue2版本使用pinia需要安装@vue/composition-api /** main.js */importVuefrom"vue";importAppfrom"@/App.vue";Vue.con使用Pinia之前，我们需要先对其进行安装：yarn add pinia npm install pinia 使用pinia我们需要在单独的js文件中创建一个pinia, 并且在main.js中将其注册，如下：这样我们项目中就已

1. 安装yarn add pinia # or with npm npm install pinia // vue3中import { createPinia } from 'pinia' app.use(createPinia()) 2.store 2.1 创建文件impPinia的使用步骤(1). 在main.ts里面引入pinia: 安装好Pinia后，需要作的第一件事就是在/src/main.ts里引入pinia。这里我们直接使用import引入引入后，通过createPinia( )方法，得到

⊙▂⊙ 一个Store (如Pinia)是一个实体，它会持有为绑定到你组件树的状态和业务逻辑，也就是保存了全局的状态这样就可以定义任意数量的Store来管理你的状态，包括state、getters、actions定Pinia 的优点简便，存储和组件变得很类似，你可以轻松写出优雅的存储。类型安全，通过类型推断，可以提供自动完成的功能。vue devtools 支持，可以方便进行调试。Pinia 支持扩展，

Pinia在整体功能上并不如Vuex强大，但是他对数据的管理非常独特：Pinia对数据管理有可扩展性、存储模块组织、状态变化分组、多存储创建等特点。Vuex是Vue核心团队推荐的状态管理库Pinia 正式成为Vue 官方默认推荐的状态管理库Pinia 终于转正了，它具有与Vuex 5 几乎完全相同或者增强的API，简单来说，它就是和Vuex 5 名字不同。Vuex 3 和4 仍会继续维护，