vue-json-compare

A vue(2.x) components for compare JSON data
210,787
Install
npm install vue-json-compare
Latest Version:3.0.0
Vue:2
License:MIT
Last Updated:Aug 20, 2020
Links: npm
Maintainer: coolapt

vue-json-compare

GitHub license

A vue(2.x) components for compare Object or Array

Links

Install

npm install --save vue-json-compare

Usage

<template>
  <div>
    <vue-json-compare :oldData="oldData" :newData="newData"></vue-json-compare>
  </div>
</template>
import vueJsonCompare from 'vue-json-compare'

export default {
  components: {
    vueJsonCompare
  },
  data () {
    return {
      oldData: {
        a: 1,
        e: 0
      },
      newData: {
        a: 2
        b: 3
      }
    }
  }
}

Example

注意:左边是使用了vue-json这个包,纯展示使用的。右边的才是 vue-json-compare 展示的结果。 (left: vue-json-cool component, right: vue-json-compare component)

示例

Props

Attribute Level Description Type Default
oldData basic json data object or object Array, {...}, [{...}, {...}] -
newData basic json data object or object Array, {...}, [{...}, {...}] -

Events

not yet...

PS

如果喜欢请给个星星,谢谢。 If you like, please give me a star, thank you.

如果需要帮助: QQ:1573815240 邮箱: 1573815240@qq.com if you need help: QQ:1573815240 email: 1573815240@qq.com

Related Packages

vue-json-viewer

vuejs展示json的组件

2,352,644 579
vue-json-edit

visual JSON editor built as an vue component

11,485 285
vue-evjson-viewer

vuejs展示json的组件

522
vue-json-tree

Vue component that renders JSON data in a collapsible tree structure.

141,887 50
json-tree-view-vue3

JSON tree rendering Vue3 component

110,063 39

Version History

Version Released License
3.0.0 MIT
2.0.9 MIT
2.0.8 MIT
2.0.7 MIT
2.0.6 MIT