vue-json-editor
Advanced tools
Comparing version
{ | ||
"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
4605586
0.06%19
5.56%45371
052
4%18
28.57%