Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-json-editor

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-json-editor - npm Package Compare versions

Comparing version 1.2.3 to 1.3.0

LICENSE

32

package.json
{
"name": "vue-json-editor",
"version": "1.2.3",
"version": "1.3.0",
"description": "A json editor of vue",

@@ -25,2 +25,10 @@ "main": "vue-json-editor.vue",

"author": "liuqi41",
"contributors": [
"Stefano Valenzano <valenzano.stefano99@gmail.com> (https://tuttarealstep.github.io/)",
"Duncan Lock (https://github.com/dflock)",
"Jean-Pierre (https://github.com/jpbecotte)",
"tianzhihen (https://github.com/tianzhihen)",
"alexmgillis (https://github.com/alexmgillis)",
"DrCoc (https://github.com/DrCoc)"
],
"license": "ISC",

@@ -35,16 +43,20 @@ "bugs": {

"devDependencies": {
"babel-core": "^6.24.1",
"babel-loader": "^6.4.1",
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"babel-core": "^6.26.3",
"babel-loader": "^8.0.5",
"babel-preset-env": "^1.4.0",
"babel-preset-es2015": "^6.24.1",
"babel-template": "^6.24.1",
"css-loader": "^0.28.0",
"file-loader": "^0.11.1",
"html-webpack-plugin": "^2.28.0",
"css-loader": "^2.1.0",
"file-loader": "^3.0.1",
"html-webpack-plugin": "^3.2.0",
"rimraf": "^2.6.1",
"style-loader": "^0.16.1",
"url-loader": "^0.5.8",
"vue-loader": "^11.3.4",
"style-loader": "^0.23.1",
"url-loader": "^1.1.2",
"vue-loader": "^15.5.0",
"vue-template-compiler": "^2.2.6",
"webpack": "^2.4.1"
"webpack": "^4.28.3",
"webpack-cli": "^3.2.0",
"webpack-dev-server": "^3.1.14"
},

@@ -51,0 +63,0 @@ "engines": {

# vue-json-editor
A jsoneditor of vue.js
A json editor of vue.js
## 依赖
vue.js
## Component properties
v-model:bind the [json object]
:show-btns: boolean, show the save button, defualt: true
:mode: string, default: tree
:lang: string, default: en
@json-change: on json changed
@json-save: on json save
@has-error: on error
## 组件属性
v-model:必须,[json对象]组件的json对象
:showBtns: boolean,是否显示保存按钮,默认为true
@json-change: json发生变化后的事件
# 怎么使用
## 1. 使用npm安装vue-json-editor
# How to use
## 1. Install using npm
```
npm install vue-json-editor --save
```
## 2. 在vue组件中使用vue-json-editor
```
## 2. Use vue-json-editor in the vue component
```vue
<template>
<div>
<p>vue-json-editor使用</p>
<!--在模板中使用vue-json-editor-->
<vue-json-editor v-model="json" :showBtns="true" @json-change="onJsonChange"></vue-json-editor>
<p>vue-json-editor</p>
<vue-json-editor v-model="json" :show-btns="true" @json-change="onJsonChange"></vue-json-editor>
<div>

@@ -28,5 +28,5 @@ </template>

<script>
// 引入vue-json-editor模块
import vueJsonEditor from 'vue-json-editor'
export default {
export default{
data () {

@@ -37,4 +37,3 @@ json: {

},
// 注入vueJsonEditor组件
components: {

@@ -52,1 +51,4 @@ vueJsonEditor

```
# Contributors
Stefano Valenzano <valenzano.stefano99@gmail.com> (https://tuttarealstep.github.io/)
var path = require('path')
var HtmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin');

@@ -37,3 +38,5 @@ module.exports = {

template: 'example/index.html'
})
}),
new VueLoaderPlugin()
],

@@ -40,0 +43,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc