很多開發(fā)者會在使用Vue時選用開發(fā)者版本，也就是諸如Vue Devtools，Vue Router Devtools等工具。那么為什么會選擇開發(fā)者版本的Vue呢？下面我們來一步步探討。

1. 開發(fā)者版本的Vue更容易調(diào)試

Vue.config.devtools = true

當(dāng)開啟Vue開發(fā)者版本時，你會發(fā)現(xiàn)控制臺中出現(xiàn)了 Vue Tab選項，這個選項卡不僅讓你能夠查看你的Vue組件生命周期，還能夠查看組件的props，computed，data，methods等屬性。除此之外，你還能夠以面板方式查看組件樹，因此，在開發(fā)過程中調(diào)試Vue變得更加容易。

2. 開發(fā)者版本的Vue可以更好地反饋錯誤信息

Vue.config.debug = true
Vue.config.warnHandler = function (msg, vm, trace) {
// send error to server
}

在開發(fā)者版本的Vue中，我們可以將Vue.config.debug置為true，這樣，在控制臺中就能夠捕捉到更多的錯誤信息。在Vue.config.warnHandler中，我們甚至可以在應(yīng)用出現(xiàn)問題時捕捉錯誤并將錯誤信息反饋給服務(wù)器，這在后期維護(hù)中會非常有用。

3. 開發(fā)者版本的Vue可以查看響應(yīng)式數(shù)據(jù)的變化情況

vm.$watch('text', function (newValue, oldValue) {
console.log('text changed to ' + newValue)
})

在 Vue Devtools 中的 'Events' 標(biāo)簽中，你可以查看到你的響應(yīng)式數(shù)據(jù)的每個改變點。因此，在開發(fā)過程中，我們可以輕松地追蹤每個更改，以及查看匹配的事件循環(huán)。

4. 開發(fā)者版本的Vue可以方便地追蹤組件之間的通信

Vue.config.silent = true

在Vue開發(fā)者版本的控制臺中，你能夠看到你的每個組件如何和其他組件進(jìn)行通信。在使用非開發(fā)者版本的Vue時，我們可能需要將 Vue.config.silent 設(shè)為 true 才能查看到組件之間的通信情況。

結(jié)論

在 Vue開發(fā)中，開發(fā)者版本的Vue能夠為我們帶來方便且高效的開發(fā)體驗。