vue-json-view-tree v1.0.14

vue-json-view-tree

A vue component such as other componen——can show/hide your code.But when you hide your code,it can show type of you data.

Install

npm install vue-json-view-tree -S

yarn add vue-json-view-tree

Demo

• show

• hide

(data:image/png;base64,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