(二)vuex 使用 Ts推断类型
2023-03-07 09:07:36 时间
# vuex 使用 Ts推断类型
在使用 vue3
开发项目过程中会使用到状态管理,在 vue3
中官方推荐使用 pinia
作为状态管理工具,pinia
很好的支持了 ts
所以直接安装就可以使用,但是 vuex
要使用 ts
进行类型推断的话就需要进行一些配置
# ?1.项目安装 vuex
@4.0
# ?2.配置 vuex
- 1.在
src
文件夹下面常见store
文件夹 - 2.创建
store
入口文件
import { createStore } from "vuex"
export const store = createStore({
state: () => {},
mutations: {},
actions: {},
getters: {},
modules: {}
})
- 3.在
main.ts
注册 store
import { createApp } from "vue";
import App from "./App.vue";
import { store } from './store.index'
const app = createApp(App);
// 把state 添加到实例当中
app.use(store);
app.mount("#app");
# ❤?3.做好了以上准备就可以开始配置 ts
进行类型推断了
- 1.先按照官方的配置方法配置一个
# ?4.以上是官方的配置方法
- 但是官方的配置方法并没有如何配置模块的示例代码,接下来怪兽给大家配置一个模块化的示例代码
- 先创建一个
vuex
的模块,模块具体创建方法:vuex模块化创建步骤open in new window - store.ts
相关文章
- 2022年企业应避免的十个大数据错误
- 用 git log 命令显示在特定日期的提交记录
- 如何清理 Snap 版本以释放磁盘空间
- 注意:雪花算法并不是ID的唯一选择!
- 如何检查: 是 Xorg 还是 Wayland 显示服务器?
- 12 个对新手很重要的 Linux 命令
- 华为开发者大会2022看点直击,多项创新技术发布,鸿蒙真有料
- 我偷偷学了这五个命令,打印Linux环境变量那叫一个“丝滑”
- 12 个关于 vim 的编辑技巧
- Linux 中如何获取文件的绝对路径
- 如何检查 Linux 服务器的运行时间
- Linux 中如何使用 id 命令,它是做什么用的呢?
- 什么是 Azure Synapse,它与 Azure Data Bricks 有何不同?
- 定价模型,该如何做分析?
- 浅谈我所见识的数据治理项目
- 跟着小白一起学鸿蒙--]简单Http客户端(十二)
- 三方库移植之NAPI开发--异步调用:Callback&Promise(四)
- 你了解 Linux 文件权限和所有权吗?
- 2022年数据治理和运营安全领域的发展趋势
- 使用 useradd 命令在 Linux 中添加新用户