Bitrix Framework

By default, BitrixVue 3 is launched in the production mode without hints.

To switch to development mode you need to add the following constant to /bitrix/php_interface/init.php:

define('VUEJS_DEBUG', true);

In case you need to disable localizations in Vue application (and show codes for localization phrases), add one more constant:

define('VUEJS_LOCALIZATION_DEBUG', true);

Vue Devtools for browser

To effectively debug your app, you need to install the plugin Vue.js devtools from Google Chrome or Mozilla Firefox web store (all current links can be found at the Vue Devtools website).

In addition to component components debugging, you can view and manage Vuex storage status and use its features: "Time travel" and snapshot state import/export.