上篇文章我们讲了Vuex的使用,本来想把是想把Vuex内容写一块,后来觉得那样会太乱不利于入门的同学消化理解,Vuex的使用问题请看上篇,本篇只讲辅助函数。
一、组件访问state(mapState )
- 从 vuex 中导入 mapState 函数
import {
mapState } from 'vuex'
- 映射为当前组件的computed计算属性:
...mapState(['count'])
3.添加到组件
<template>
<div>
<h1>count值:{
{
count}}</h1>
</div>
</template>
<script>
import {
mapState } from 'vuex'
export default {
data() {
return {
}
},
computed: {
...mapState(<