vue补充继上一篇

 

 组合式API-reactive和ref函数

1.reactive()

作用：接受对象类型数据的参数传入并返回一个响应式的对象

1.从vue包中导入reactive函数

2.在

计算属性

import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
//定义store
export const useCounterStore = defineStore('counter', () => {
    const count = ref(100)
    const msg = ref('hello pinia')
        //声明操作数据的方法action
    const addCount = () => {
            count.value++
        }
        //声明基于数据派生的计算属性getters
    const double = computed(() => count.value * 2)
    return {
        count,
        msg,
        addCount,
        double
    }
})

action异步实现

 不能解构store

 Pinia持久化插件

总结：

1.Pinia是用来干什么的？

新一代的状态管理工具，替代Vuex

2.pinia中还需要mutation吗？

不需要，action即支持同步也支持异步

3.Pinia如何实现getter?

computed计算属性函数

4.Pinia产生的store如何解构赋值数据保持响应式？

storeToRefs

5.Pinia如何快速实现持久化？

pinia-plugin-persistedstate