Vue devtools 插件

一、安装

去这下载https://chrome.zzzmh.cn/

打开chrome的扩展程序

再打开开发模式

把刚才下载的拖到这里

然后把它固定到工具栏

就是这样了。

二、使用

程序通过open on live server后,打开开发者工具,找到vue就可以了。

这是代码

html 复制代码
    <div id="app">
        <h1>{{msg}}</h1>
    </div>
    <div id="app2">
        <h1>{{msg}}</h1>
    </div>
    <script>
        const myVue = new Vue({
            data: {
                msg: 'Hello Vue'
            },
            el:'#app'
        })
        new Vue({
            data: {
                msg: 'Test'
            },
            el:'#app2'
        })
    </script>
相关推荐
3Katrina几秒前
前端面试之防抖节流(二)
前端·javascript·面试
前端进阶者7 分钟前
天地图编辑支持删除编辑点
前端·javascript
江号软件分享15 分钟前
无接触服务的关键:二维码生成识别技术详解
前端
江号软件分享16 分钟前
如何利用取色器实现跨平台色彩一致性
前端
灰海20 分钟前
封装WebSocket
前端·网络·websocket·网络协议·vue
前端小巷子30 分钟前
深入理解TCP协议
前端·javascript·面试
万少32 分钟前
鸿蒙外包的十大生存法则
前端·后端·面试
顽疲1 小时前
从零用java实现 小红书 springboot vue uniapp(13)模仿抖音视频切换
java·vue.js·spring boot
开开心心就好1 小时前
电脑息屏工具,一键黑屏超方便
开发语言·javascript·电脑·scala·erlang·perl
江号软件分享1 小时前
有效保障隐私,如何安全地擦除电脑上的敏感数据
前端