React/practise/33.Mobx/7.mobx模块化/counter.Store.js

// 初始化 mobx
import { makeAutoObservable } from 'mobx'

class CounterStore {
    count = 0
    // 定义一个原始数据 list
    list = [1, 2, 3, 4, 5, 6]

    // constructor() 是构造函数 作用：1.初始化this.state  2.函数方法绑定到实例。
    constructor() {
        //  将数据弄成响应式
        makeAutoObservable(this)
    } 

    // 定义计算属性
    // get() 方法通过索引值获取动态数组中的元素。
    get filterList () {
        return this.list.filter(item => item > 2)
    }

    // 修改 list
    addList = () => {
        this.list.push(7, 8, 9)
        //console.log(this.list)
    }

    addCount = () => {
        this.count++
    }

}

export {CounterStore}