每天都要努力学习哦~~

引入pinia的聊天模块开始进行sdk初始化在登录完成后 完成tim的登录 并且持久化登录在顶层页面完成消息的接收，也就是监听消息的变化每次变化通知一下pina事件的分法在页面收到action发过来的消息后，要把消息主动放在当前聊天记录里面当选择一个新的联系人的时候要获取这个人的聊天信息每次发送消息要注意清空输入框，并且把最新消息手动push到当前聊天数组中SDKAppID,// 接入时需要将0替换为您的即时通信 IM 应用的 SDKAppID。

当为创建新选项时，你应该扩展。与不同的是，它只暴露了两个泛型：State 和 Store 类型，允许你限制定义选项的可用类型。// 任意 action 都允许定义一个防抖的毫秒数debounce?

allSelectChange 每次点击全选，都需要同步单选状态 控制全选。导入 defineStore函数 interface 定义接口类 导出模块实例。state存放数据 goods商品数组实现接口 isAllSelect全选状态。getters 计算属性。通过filter过滤出选择项 reduce累加计算总计。3.allSelectChange 实现全选函数。2.updateNum实现商品加减函数。4.singChange实现单选函数。1.获取shop模块实例。actions 存放方法。

前面我们提到的state和getters属性都主要是数据层面的，并没有具体的业务逻辑代码，它们两个就和我们组件代码中的data数据和computed计算属性一样。那么，如果我们有业务代码的话，最好就是写在actions属性里面，该属性就和我们组件代码中的methods相似，用来放置一些处理业务逻辑的方法。actions属性值同样是一个对象，该对象里面也是存储的各种各样的方法，包括同步方法和异步方法。与 getters 一样，操作可以通过 this 访问当前实例。与它们不同，actions 可以是异步的，

/ 引入defineStore 方法/*** pinia中使用defineStore定义store* 第一个参数是应用程序中 store 的唯一 id* 第二个参数是是一个对象，store的配置项，比如配置store内的数据，修改数据的方法等等。* 返回一个函数使用use+模块名命名*/// 其它配置项/*** 定义当前的模块的state* state是一个函数，必须有返回值* 返回值就是这个模块的状态* @returns*/state() {// 返回age为1。

/ 引入defineStore 方法/*** pinia中使用defineStore定义store* 第一个参数是应用程序中 store 的唯一 id* 第二个参数是是一个对象，store的配置项，比如配置store内的数据，修改数据的方法等等。* 返回一个函数使用use+模块名命名*/// 其它配置项/*** 定义当前的模块的state* state是一个函数，必须有返回值* 返回值就是这个模块的状态* @returns*/state() {// 返回age为1。

如果你学过Vue2，那么你一定使用过Vuex。我们都知道Vuex在Vue2中主要充当状态管理的角色，所谓状态管理，简单来说就是一个存储数据的地方，存放在Vuex中的数据在各个组件中都能访问到，它是Vue生态中重要的组成部分。既然Vuex那么重要，那么在Vue3中岂能丢弃！在Vue3中，可以使用传统的Vuex来实现状态管理，也可以使用最新的pinia来实现状态管理，我们来看看官网如何解释pinia的。官网解释：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。