猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 > javascript > vue >

vuex 获取state中的状态

2017-08-21 22:38:37 作者:yxl 次阅读 vue

模板获取vuex states中的值
1、直接通过
     {{ $store.state.count}}
2、通过computed计算属性来
    computed:{
       count(){
        return this.$store.state.count
   }
  },
3、使用mapState的方法
<script>
import store from "@/vuex/store";
import { mapState } from 'vuex';
export default{
data(){
return {
msg:'初次使用vuex'
}
},
computed:mapState({
count:state=>state.count
}),
store
}
</script>
4、使用mspState数组的方式 (常用)
<script>
import store from "@/vuex/store";
import { mapState } from 'vuex';
export default{
data(){
return {
msg:'初次使用vuex'
}
},
computed:mapState(['count']),
store
}
</script>
   

凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词:
0

网友评论