logo

该视频仅会员有权观看

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

¥
199
/ 年

在Vue框架中,可以通过$store访问store中的状态。组件模板可直接使用$store,而脚本中需加this前缀。使用computed属性可以访问store中的状态,例如定义一个返回store中name状态的computed属性name。Vivo X(可能指Vuex)提供的mapState辅助方法简化了computed属性的定义。在脚本中导入mapState,然后在computed中使用展开操作符将mapState的结果展开,指定要映射的状态数组。若想为computed属性指定别名,可以为mapState提供一个对象参数,关联别名和store状态。模板中绑定这些属性可以显示对应的状态值。比如,将store的name状态映射为组件的appName属性,模板绑定appName时,浏览器界面会显示对应的内容。