Welcome to

Mr.Xiong

Home / Vue.Js / 安装使用vue-devtools调试工具用于监控数据变化

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

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

方法一

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

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

方法二(推荐)

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

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

安装成功效果

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

赞赏

微信赞赏支付宝赞赏

4 条回应 “安装使用vue-devtools调试工具用于监控数据变化”
  1. JSer 2018年1月26日 on 下午11:08 回复

    emmm..
    就相当于network中显示的数据吗?

  2. 汪宇航 2020年12月14日 on 下午8:42 回复

    请问如何修改数据

    • Mr.Xiong 2021年4月24日 on 上午9:36 回复

      正常获取即可呀

发表评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

雄心勃勃但谦卑温逊!

>> <<