Instance.js
В vue сборку внедрен специальный миксин: /src/mixins/Instance/Instance.js
Instance - это миксин который позволяет использовать полезные часто используемые функции.
Подключение:
import {Instance} from '@/mixins/Instance/Instance';
export default {
name: 'GetStarted',
mixins: [
Instance
]
}
После подлючения миксина, все методы всех миксинов которые включены в Instance будут доступны через this
Например:
this.request()
Этот метод находится в /src/mixins/Loader/Loader.js - но доступен через this, так как подключен в Instance
Получить страницу
this.getPage(символьныйКодСтраницы, колбек)
Метод получает данные с сервера для рендеринга страницы.
Использование:
this.getPage('MainPage', page => {
// use page data
});
В методе приведен пример получения данных для главной страницы.
Отправить запрос на сервер
this.request(маршрут,параметры,колбек)
Метод отправляет запрос на сервер.
Рекомендуется использовать совместно еще и методы preload() - для перлоадинга и setErrorWrapper() - для обработки и отображения ошибок.
Использование:
let params = {
'login': '9783674485',
'password': 'ty3452'
};
this.preload('.loginForm');
this.setErrorWrapper('.js-error');
this.request('Platform/Users/Authorization:login', params, (res) => {
// use res - server response data
});
Если сервер вернет ошибку:
{
"status": "error",
"errorCode": "loginIncorrect",
"errorMessage": "Пользователь с указанным логином не найден!"
}
То в селектор .js-error - будет помещена ошибка res.errorMessage
Если требуется особая обработка ошибок или специальный прелоадер, то в таком случае перед this.request не вызывайте методы this.preload() и this.setErrorWrapper()