学习一个用于线框组件和HTML元素的调试插件

一个Vue调试插件，用于线框组件和HTML元素。

如何使用它

1.导入并注册该插件。

import vdebug from 'vue-vdebug'
Vue.use(vdebug)

2.将v-debug:wire添加到你的组件和元素中，如下所示。

<p v-debug:wire>Default border 1px dotted limegreen</p>
<p v-debug:wire v-debug:color="'red'">Red border color</p> ,
<p v-debug:wire v-debug:style="'dotted'">Dotted Border</p> ,
<p v-debug:wire v-debug:size="'1px 1px'">Size 1px 1px</p>
<p v-debug:bgcolor="'#ff0000'">Red background color</p>
<Component v-debug:wire />
<Component v-debug:wire v-debug:color="'red'" />
<Component v-debug:wire v-debug:style="'dotted'" />
<Component v-debug:wire v-debug:size="'1px 1px'" />
<Component v-debug:bgcolor="'#000ff'" />