vue mapState

------------恢复内容开始------------

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'])

 

 

 

------------恢复内容结束------------