一點關于學習Vue.nextTick產(chǎn)生的疑問

var vm = new Vue({
    el: '#example',
    data: {
        message: '123'
    }
})

vm.message = 'new message'

console.log(vm.$el.textContent)

Vue.nextTick(function () {

    console.log(vm.$el.textContent)

})

在網(wǎng)上看了一些Vue.nextTick的說明，說是在下一個任務循環(huán)時（即DOM更新完畢后）進行操作，

以上代碼打印出來是這個效果，的確是不一樣的，

但是如果把代碼改成

    var vm = new Vue({
        el: '#example',
        data: {
            message: '123'
        }
    })

    vm.message = 'new message'

    console.log(vm)
    // console.log(vm.$el)

    Vue.nextTick(function () {

        console.log(vm)
        // console.log(vm.$el)

    })

打印vm.$el 或者只打印vm的時候，在Chrome中開發(fā)者工具查看的時候里面的textContent就一樣了

上面的:

下面的:

這是為什么呢？