mapState的用法
export default new Vuex.Store({
state: {
count: 0,
list: [{
id: "11",
name:"hucuie"
},
{
id: "12",
name:"hucuie"
},
]
},
mutations: {},
actions: {},
modules: {}
})
//1引入mapState
import {
mapState
} from 'vuex'
<button>{{count}}</button>
<ul>
<li v-for="item in list" :key="item.id">
{{item.id}}
</li>
</ul>
// computed: {
// count() {
// return this.$store.state.count
// },
// list() {
// return this.$store.state.list
// }
// }
//mapState/是一个方法,方法里面有对象/
// computed: mapState({
// count:state=>state.count,
// lists:state=>state.list
// }),
第二种写法放一个数组
computed:mapState(["count",'list'])