Vue开发与调试工具vue-devtools

  1. 扩展Chrome插件

插件链接: https://pan.baidu.com/s/1GHqeDqkwekLHjRhjLG6v2g?pwd=jl5g 提取码: jl5g

Chrome浏览器 > 更多程序 > 拓展程序

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

Vue开发与调试工具vue-devtools_第1张图片

  1. vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

Vue开发与调试工具vue-devtools_第2张图片

你可能感兴趣的:(效率,开发工具)