安装使用vue-devtools调试工具用于监控数据变化

• 作者: Mr.Xiong
• 日期: 2018年1月26日
• 分类: Vue.Js
• Tags: vue-devtools, Vue.js
• 阅读量: 5,906

咱们在 Vue 数据变化的时候不是太方便进行监控，比较 Low 的方式是在模板当中进行 {{data}} 打印数据。在咱大天朝，必须选择高大上的方式呀！这里鄙人就来分享一下如何安装 Vue 调试工具。

方法一

首先登录 Vue.Js 官网，右上角的【Translations】选择【中文】。接着在右上角的位置找到【生态系统】，选择【官方仓库】，而后显示如下图。

点击 【vue-devtols】。再点击 【Get the Chrome Extension】 进行安装即可（相信我，不开翻墙软件，速度感人）。

方法二（推荐）

打开火狐或者谷歌浏览器，这里我就拿火狐浏览器来举例吧，今天翻墙软件不好用不用谷歌。点开【附加组件】，在【拓展】中搜索【Vue】。

而后进行安装即可。是不是贼开心。。

安装成功效果

Finally，谢谢大家的阅读！祝每天开心~
版权声明：本文为博主原创文章，未经博主允许不得转载。

赞赏

微信赞赏支付宝赞赏