JSPM

  • Created
  • Published
  • Downloads 385
  • Score
    100M100P100Q89490F
  • License MIT

Vue.js component for displaying JavaScript objects with circular references, forked and ported to Vue 3

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...