您好请问大神我要是给指定列的词汇打分比如：张三=30 李四=50 要用什么公式指定呢？

点击联系发帖人 时间：2022-10-08 10:45

怎么冻结指定的行和列

Vuex 作为一个老牌 Vue 状态管理库，大家都很熟悉了

Pinia 是 Vue.js 团队成员专门为 Vue 开发的一个全新的状态管理库，并且已经被纳入官方

先来一张图，看下当时对于，就是下一代 Vuex5 应该是什么样子的

Pinia 就是完整的符合了他当时 Vuex5 提案所提到的功能点，所以可以说 Pinia 就是 Vuex5 也不为过，因为它的作者就是官方的开发人员，并且已经被官方接管了，只是目前 Vuex 和 Pinia 还是两个独立的仓库，以后可能会合并，也可能独立发展，只是官方肯定推荐的是 Pinia

因为在 Vue3 中使用 Vuex 的话需要使用 Vuex4，并且还只能作为一个过渡的选择，存在很大缺陷，所以在 Componsition API 诞生之后，也就设计了全新的状态管理 Pinia

就目前而言 Pinia 比 Vuex 好太多了，解决了 Vuex 的很多问题，所以笔者也非常建议直接使用 Pinia，尤其是 TypeScript 的项目

Pinia 通过设计提供扁平结构，就是说每个 store 都是互相独立的，谁也不属于谁，也就是扁平化了，更好的代码分割且没有命名空间。当然你也可以通过在一个模块中导入另一个模块来隐式嵌套 store，甚至可以拥有 store 的循环依赖关系

在 store 目录下创建一个 user.ts 为例，我们先定义并导出一个名为 user 的模块

第一个参数就是模块的名称，必须是唯一的，多个模块不能重名，Pinia 会把所有的模块都挂载到根容器上
第二个参数是一个对象，里面的选项和 Vuex 差不多

其中 state 用来存储全局状态，它必须是箭头函数，为了在服务端渲染的时候避免交叉请求导致的数据状态污染所以只能是函数，而必须用箭头函数则为了更好的 TS 类型推导
getters 就是用来封装计算属性，它有缓存的功能

比如我们要在页面中访问 state 里的属性 count

由于 defineStore 会返回一个函数，所以要先调用拿到数据对象，然后就可以在模板中直接使用了

比如像注释中的解构出来使用，是完全没有问题的，只是注意了，这样拿到的数据不是响应式的，如果要解构还保持响应式就要用到一个方法 storeToRefs()，示例如下

这个和 Vuex 的 getters 一样，也有缓存功能。如下在页面中多次使用，第一次会调用 getters，数据没有改变的情况下之后会读取缓存

注意两种方法的区别，写在注释里了

// 方法一，接收一个可选参数 state console.log('调用了') // 页面中使用了三次，这里只会执行一次，然后缓存起来了 // 方法二，不传参数，使用 this // 但是必须指定函数返回值的类型，否则类型推导不出来

更新 state 里的数据有四种方法，我们先看三种简单的更新，说明都写在注释里了

// 方法二，需要修改多个数据，建议用 $patch 批量更新，传入一个对象 // 使用 $patch 性能更优，因为多个数据更新只会更新一次视图 // 方法三，还是$patch，传入函数，第一个参数就是 state

第四种方法就是当逻辑比较多或者请求的时候，我们就可以封装到示例中 store/user.ts 里的 actions 里

可以传参数，也可以通过 this.xx 可以直接获取到 state 里的数据，需要注意的是不能用箭头函数定义 actions，不然就会绑定外部的 this 了

打开开发者工具的 Vue Devtools 就会发现 Pinia，而且可以手动修改数据调试，非常方便

// 模拟请求接口返回的数据 // 封装模拟异步效果的定时器

在一个模块的 actions 里需要修改另一个模块的 state 数据

示例：比如在 chat 模块里修改 user 模块里某个用户的名称

如果本文对你有一点点帮助，点个赞支持一下吧，你的每一个【赞】都是我创作的最大动力，感谢支持 ^_^

扫码关注公众号，即可加我好友，我拉你进前端交流群，大家一起共同交流和进步呀

}

您好 请问大神我要是给指定列的词汇打分 比如：张三=30 李四=50 要用什么公式指定呢？