"mapGetters"是Vuex提供的一个辅助函数,用于获取store中的getter函数,可以通过对象展开运算符将getter函数映射到组件的计算属性中。\n\n使用步骤如下:\n\n1. 在组件中导入mapGetters函数:\n\njs\nimport { mapGetters } from \'vuex\';\n\n\n2. 在组件的计算属性中使用mapGetters函数将getter函数映射到计算属性中:\n\njs\ncomputed: {\n ...mapGetters([\'getterName1\', \'getterName2\']),\n}\n\n\n这样就可以在组件中通过this.getterName1和this.getterName2来访问store中的getter函数的返回值了。\n\n如果你希望将getter函数映射到计算属性中时使用不同的属性名,可以将mapGetters的参数从字符串改为对象形式:\n\njs\ncomputed: {\n ...mapGetters({\n aliasName1: \'getterName1\',\n aliasName2: \'getterName2\',\n }),\n}\n\n\n这样就可以通过this.aliasName1和this.aliasName2来访问store中的getter函数的返回值了。

Vuex mapGetters: 如何轻松获取store中的getter函数

原文地址: https://www.cveoy.top/t/topic/qx0b 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录