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就可以了

最新文章

  1. java设计模式 模板方法模式Template Method
  2. 使用antd UI组件有感
  3. UICollectionView的使用小记录和一些说明
  4. Spring Boot Admin 的使用 2
  5. &lt;Valve className=&quot;org.apache.catalina.valves.AccessLogValve&quot; directory=&quot;logs&quot; prefix=&quot;localhost_acce
  6. js 事件监听 冒泡事件
  7. 使用OUYA第一次启动OUYA
  8. 微信分享JS接口失效说明及解决方案
  9. Linux 命令 - traceroute: 数据报传输路径追踪
  10. ASP.NET MVC 使用Echarts
  11. delphi xe5 android 开发数据访问手机端(二)
  12. 使用Tomcat搭建图片服务器,使图片能够用链接访问
  13. MongoDB的Windows安装
  14. ICD
  15. 深入剖析Kubernetes学习笔记:深入理解镜像(08)
  16. debian安装mongoDB
  17. Spring 基于Session的创建实例
  18. vs2013 v8编译
  19. [SCOI2005]繁忙的都市
  20. Redshift中查看database、schema、table数据大小

热门文章

  1. python设计模式之猴子补丁模式
  2. Mac下,如何把项目托管到github
  3. python中通过字符串名来调用函数
  4. Orders matters: seq2seq for set 实验
  5. Github恶搞之自定义你的contribution图表
  6. mongodb配置、启动、备份
  7. 清理docker容器的日志大小
  8. Excel条件格式
  9. PCB画板总结
  10. python中unicode 和 str相互转化