pinia

68 阅读1分钟

pinia与vuex对比优势

1.没有mutations,不会冗长

2.对typescript更友好的支持

3.不再有modules嵌套结构,可以更灵活使用每个store

使用pinia

  1. 安装pinia
npm install pinia

2.创建pinia应用

image.png

3.main.ts入口文件引入pinia应用

image.png

4.创建store的modules并使用store

image.png

image.png

pinia的store

store里面有state、getters、actions这三个核心概念

定义store

使用pinia提供defineStore(),传入一个名称

image.png

使用store

image.png

state

定义state

image.png

操作state

image.png

image.png

getters

定义getters

image.png

访问getters

image.png

image.png

actions

定义actions

image.png

使用actions

image.png