Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-dd) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
vue-dd
Vue component for live display of Vue Refs, Reactive objects, primitives and JavaScript objects (with circular references)
About
Easily display complex JavaScript objects, Vue Reactive and Ref objects, functions, and primitives and monitor their changes in LIVE mode.
The component renders the value as a tree that can be manually expanded to display nested values.
The experience is very similar to inspecting JavaScript objects using the Developer Tools.
Initially this component was created to build the in-browser JavaScript debugger for the PARAPPLE project.
This is a fork of vue-object-view project by Emanuel Buzek. Thank's to his initial work back in 2017, I've used it to created a hugely improved and expanded version with functionality to create a world class reactive object viewer for Vue 3 and backwards compatibility for Vue 2.
Usage
# Install the component
npm install --save vue-dd
# or
yarn add vue-dd
Use it just like any other Vue.js component. The value to display is passed as v-model
or :model-value
:
<vue-dd v-model="object" />
<vue-dd v-model="anotherObject" />
More Documentation
Coming soon...