Как установить слежение watch за изменением свойства

На странице во vue есть пагинатор, хочу сделать загрузку данных для страницы при выборе ее в пагинаторе через watch.

Вот так работает:

export default {
    data: function () {
        return {
            equipments: [],
            paginatorButtons: [], 
            currentPage: 1,
            recordsInPage: 2,
            paginatorLength: 5,
            paginatorPage: 0,
            countPages: 0
        }
    },
    watch: {
        currentPage: function() {
            let app = this;
            app.loaddata();
        }
    },
    mounted() {
            let app = this;
            app.loaddata();
        },
    methods: {
        loaddata() {
            ...
        }
    }
}

А как в этом случае вызвать:

export default {
    data: function () {
        return {
            equipments: [],
            paginData: {
                paginatorButtons: [], 
                currentPage: 1,
                recordsInPage: 2,
                paginatorLength: 5,
                paginatorPage: 0,
                countPages: 0
            }
        }
    },
    watch: {
        currentPage: function() {
            let app = this;
            app.loaddata();
        }
    },
    mounted() {
            let app = this;
            app.loaddata();
        },
    methods: {
        loaddata() {
            ...
        }
    }
}

Как повесить вотчер на currentPage?

Пробовал типа такого:

    watch: {
        paginData: {
            currentPage: function() {
                let app = this;
                app.loaddata();
            }
        }
    },

Не срабатывает


Ответы (0 шт):