Как отладить программу VUE

Vue.js

1. Отладка и тестирование

Режимы и тесты на самом деле похожи по назначению, но объекты разные. Тестирование ориентировано на уровень продукта и уровень системы, тогда как отладка часто является частью программы, методом, атрибутом или объектом. Конечный эффект также очень похож.Хороший тестер и тестовое решение могут решить проблемы системы продукта в колыбели;хороший метод отладки также даст вам глубокое понимание работы программы, и ее легко найти и локализовать проблему.Повысить стабильность работы программного обеспечения.

2.Консольный метод отладки

2.1 Добавить команду console.log

Добавьте в код метод console.log(), этот пример выводит самую высокую и самую низкую температуру, считанную из базы данных, подробности см. ниже:

2.2 Вызов интерфейса температуры следующим образом

2.3 Консольное окно браузера Google

Нажмите F12 в браузере Google, чтобы открыть окно консоли, как показано ниже.

2.4 вывод console.error

Измените код на Ошибка и выведите следующим образом

2.5 Вывод в браузере

Затем консольный вывод браузера станет красным следующим образом.

Если вывод представляет собой объект или массив JS, вам нужно использовать метод JSON.stringify, чтобы преобразовать его в массив json, а затем вывести, как показано ниже.console.log(JSON.stringify(resolve));

3. метод отладки предупреждений

3.1 код метода оповещения

3.2 быстрое оповещение.

Примечания: Метод оповещения блокируется. После нажатия кнопки «ОК» интерфейсный код продолжит работу.

4 Метод отладки точки останова

4.1 Установка точек останова

Установите отладчик точки останова, как показано ниже.

4.2 Запуск кода

После запуска кода код автоматически перейдет к точке останова и перестанет работать следующим образом.

4.3 Введите интересующие атрибуты

4.3.1 Просмотр данных в Watch

Нажмите «+» в середине часов, а затем нажмите «Ввод», чтобы увидеть значение соответствующих данных.

4.3.2 Просмотр данных в консоли

F12 Выберите окно консоли браузера, введите имя наблюдаемой переменной и нажмите Enter, чтобы увидеть соответствующее значение.

4.4 Введите метод, который вы хотите выполнить

После того, как точка останова установлена ​​и выполнение остановлено, метод перед точкой останова может запустить вывод в окне консоли.

4.4.1 Напишите метод отладки output()

4.4.2 Установка точек останова и запуск программы

Подробности см. в 5.1, 5.2.

4.4.3 Запуск метода выполнения

Результаты выполнения можно наблюдать следующим образом.