logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

modules:Vuex Store 模块

  • v x提供的功能允许将应用中的store拆分为多个模块。
  • 我们不必将所有内容放在一个store中,而是可以根据需要创建不同的store模块。
  • 例如,可以创建一个用于存放用户相关信息的store模块,命名为user store t s。
  • 在 user store t s 文件中定义store模块,拥有自己的state、mutations和actions。
  • 这些模块以对象形式添加到store中,并默认导出。
  • 在user模块中可以设置一个初始的current user,默认值为空白字符。
  • 应用的app store可以导入新创建的user store。
  • 在app store初始化时,添加user模块。
  • 可以检查store的root state,以确认user模块已经添加。
  • 在user模块中,添加mutations用于修改current user,并解决任何类型提示问题。
  • 为store设置类型,创建并导出user state和root state接口。
  • 在user store中添加actions来获取当前用户数据,并使用context提交mutations。
  • 最后,在组件中使用这些store模块处理用户数据,并在页面上显示current user的值。