4.vuex学习之gettersmapGetters

Posted 你丫才美工

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了4.vuex学习之gettersmapGetters相关的知识,希望对你有一定的参考价值。

gettters可以理解为计算属性

在store.js中

import Vue from vue
import Vuex from vuex

Vue.use(Vuex)

//访问状态对象
const state = {
    count:1
}

const getters = {
    //vue2.0不要使用箭头函数,getters主要任务就是对状态state对象里面的数据,执行计算后输出
    count:function(state){
            return state.count+=100
    }
}
export default new Vuex.Store({
    state,
    getters
})

App.vue文件中

<template>
  <div id="app">
    
    <img src="./assets/logo.png">
    <h1>{{ msg}}</h1>
    <!--访问状态对象-->
    <div>{{$store.state.count}}</div>
    
    <!--getters中获取到的-->
<p>{{count}}</p> </div> </template> <script> //vuex提供的辅助函数 import {mapState,mapMutations,mapGetters,mapActions} from vuex export default { name: app, data () { return { msg: Welcome to Your Vue.js App } }, computed:{ count(){ return this.$store.getters.count }, // ...mapGetters([//使用mapGetters简写 // count // ]) } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } h1, h2 { font-weight: normal; } ul { list-style-type: none; padding: 0; } li { display: inline-block; margin: 0 10px; } a { color: #42b983; } </style>

 

以上是关于4.vuex学习之gettersmapGetters的主要内容,如果未能解决你的问题,请参考以下文章

集成学习之Boosting —— Gradient Boosting原理

uboot学习之二----主Makefile学习之四----两种编译方法:原地编译和单独输出文件夹编译

python机器学习之特征降维

knockout学习资料

SPISPI学习之SPI驱动相关

SPISPI学习之SPI驱动相关