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>
相关推荐
我是天龙_绍1 小时前
浏览器指纹,一个挺实用的知识点
前端
theshy1 小时前
前端自制接口抓取工具:一键收集并导出接口列表
前端
wayne2141 小时前
跨平台开发框架全景分析:Flutter、RN、KMM 与腾讯 Kuikly 谁更值得选择?
前端
LuckySusu1 小时前
【js篇】JavaScript 对象创建的 6 种方式:从基础到高级
前端·javascript
LuckySusu1 小时前
【js篇】async/await 的五大核心优势:让异步代码像同步一样清晰
前端·javascript
艾雅法拉拉1 小时前
JS知识点回顾(1)
前端·javascript·面试
LuckySusu1 小时前
【js篇】Promise 解决了什么问题?—— 彻底告别“回调地狱”
前端·javascript
程序员海军1 小时前
如何让AI真正理解你的需求
前端·后端·aigc
passer9811 小时前
基于Vue的场景解决
前端·vue.js
用户458203153171 小时前
CSS过渡(Transition)详解:创建平滑状态变化
前端·css