...mapState('user',['count']) ...mapState({count=>state.user.count)) 这两种写法的区别
时间: 2024-01-21 07:05:08 浏览: 113
CSS参考手册.docx
这两种写法都是用于在Vue组件中将Vuex状态映射到组件的计算属性中。
第一种写法 `mapState('user',['count'])` 是使用命名空间来映射状态。其中 `'user'` 是指定的命名空间名字,`['count']` 是要映射的状态名字数组。这种写法会将命名空间为 `'user'` 的Vuex模块中的 `'count'` 状态映射到组件的计算属性中。
第二种写法 `mapState({count=>state.user.count))` 是使用对象来映射状态。其中 `{count=>state.user.count}` 是一个对象字面量,键名是要映射的计算属性名字,键值是一个函数,用来返回对应的状态。这种写法会将 `state.user.count` 状态映射到组件的计算属性中,并使用 `count` 作为计算属性的名字。
总结来说,两种写法的区别在于使用命名空间还是使用对象来指定要映射的状态,并且第二种写法可以指定计算属性的名字。
阅读全文