VueX学习笔记(getters)

    技术2024-07-20  77

    state:{ counter:100 }, getters:{ power(state) { return state.counter * state.counter } }

    需要getters里面的方法传入state(目前省略会出错)

    getters中的方法需要return返回

    getters可以作为一个参数,传入到其他getters的方法中

    more20stu(state) { return state.students.filter(s => s.age >= 20) }, more20stuLength(state, getters){ return getters.more20stu.length }

    需要用户传参到getters中去时,可以将getters中的某一个方法返回为一个函数,再接受参数

    moreAgestu(state){ return function (age) { return state.students.filter(s => s.age > age) } } <h2>{{$store.getters.moreAgestu(20)}}</h2>
    Processed: 0.024, SQL: 9