Vue-17-前端框架Vue之应用基础集中式状态管理pinia(二)
文章目录
- 1 storeToRefs
- 1.1 Count.vue
- 1.2 LoveTalk.vue
- 2 getters(二次加工数据)
- 2.1 Count.ts
- 2.2 Count.vue
- 3 $subscribe(监视数据的修改)
- 3.1 loveTalk.ts
- 3.2 LoveTalk.vue
- 4 store的组合式写法
- 4.1 loveTalk.ts
storeToRefs将响应式属性转换为ref对象,getters二次加工数据,$subscribe监视数据的修改,并介绍store的组合式写法。
1 storeToRefs
storeToRefs是Vue 3中Pinia状态管理库提供的一个实用函数,用于将Pinia store的响应式属性转换为ref对象。这样做的主要目的是在解构(destructuring)store 的属性时保持其响应性。
1.1 Count.vue
<template><div class="count"><h