當我們在開發過程中遇到錯誤和問題時,我們會需要使用debug模式來進行調試,Vue提供了三種不同的debug模式,`development`、`production`和`none`。
在`development`模式下,Vue.js提供了很多它自己實現的警告信息。這些信息很有用,因為它們告訴我們什么地方出錯了、我們在哪里用錯了語法、我們使用的屬性值是否正確以及接口是否正確。這種模式下的警告信息會在控制臺上顯示。我們可以通過在入口文件中使用以下語句開啟development模式:
Vue.config.debug = true; Vue.config.devtools = true;
在`production`模式下,Vue.js會關閉一些其它不必要的警告信息以及一些與性能有關的調試信息,可以提高打包之后應用的速度。如果我們在入口文件中使用以下代碼,我們就可以開啟`production`模式:
Vue.config.devtools = true; Vue.config.productionTip = false;
在`none`模式下,則不會有任何的警告信息或者調試信息,這是Vue.js默認的選項。對于正式生產環境來說,我們可以使用這個模式,減少一些不必要的信息。我們可以這樣來開啟`none`模式:
Vue.config.silent = true;
最后,需要注意的是,調試模式和打包模式是不同的。當我們在線上運行代碼的時候,我們應該把Vue.js打包為生產模式。在調試期間,我們可以使用開發模式或者不開啟模式。