3.Mobx-computed属性

computed如何实现?

实现步骤

1.声明一个存在的数据
2.定义get计算属性
3.在makeAutoObserverable方法中标记

//在store定义一个原始数据 list
    list = [1,2,3,4,5,6]
//定义计算属性
    get filterList(){
        return this.list.filter(item => item>2)
    }
    //定义方法修改list
    addList = () =>{
        this.list.push(7,8,9)
    }
//在组件中使用即可
{/* 使用计算属性 */}
{counterStore.filterList.join('-')}
<button onClick={counterStore.addList}>++</button>

你可能感兴趣的:(Mobx,javascript)