11 pinia使用

一,pinia与vuex区别

11 pinia使用_第1张图片

 二,使用

npm i pinia

在src目录下创建stores文件夹(目前pinia还没有形成统一命名规范,因为pinia可以创建多个store,所以叫stores),在创建index文件作为入口文件

11 pinia使用_第2张图片

 11 pinia使用_第3张图片

 定义某个模块数据

store名称要保持唯一,也是devtools的依据

返回的函数命名规范是use加store的名称

11 pinia使用_第4张图片

11 pinia使用_第5张图片

11 pinia使用_第6张图片

 三,state

操作state

11 pinia使用_第7张图片

11 pinia使用_第8张图片

 四,getters使用

11 pinia使用_第9张图片

 访问getters

11 pinia使用_第10张图片

11 pinia使用_第11张图片

 五,actions使用

11 pinia使用_第12张图片

11 pinia使用_第13张图片

你可能感兴趣的:(vue3知识总结,javascript,前端)