在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
时,浏览器界面会显示对应的内容。