vue 在浏览器控制台怎么调试 谷歌插件vue Devtools

问题： vuejs里面的变量，怎么用浏览器的console查看？

例如，想在chrome里用console.log查看变量$data，会显示undefined。

解决方案:

再main.js里面声明window.Vue = new Vue

window.Vue = new Vue({

el: '#app',

router,

store,

components: { App },

template: '<App/>'

})

在浏览器控制台里面用Vue代替this就可以了