Pinia---vuejs的轻量级状态管理库

Pinia是vuejs的轻量级状态管理库,Pinia支持Vue devtools浏览器扩展工具,可扩展,模块化设计,热模块更新,轻量级,支持TypeScript,支持SSR服务器端渲染,支持vue2,vue3 Pinia作者也是vuex核心之一 安装pinia npm install pinia@next 或者 yarn add pinia@next 导入pinia并且挂载为vue插件(在Vite脚手架下) src/main.js import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) import { createPinia } from 'pinia' app.use(createPinia()) app.mount('#app') src/stores/main.js(pinia通过defineStore函数来创建state,并且接收一个id来标识state) import { defineStore } from 'pinia' export const useDataStore = defineStore('data', { state: () => { return { count: 666 } }, //state: () => { //name: chen //}, getters:{ // getters计算属性 doubleCount(state){ return state....

2021-12-26 · 1 min · Me