版本升级，添加showBtns属性，完善文本

Author: dirkliu

README.md

@@ -5,7 +5,9 @@ A jsoneditor of vue.js
 vue.js
 
 ## 组件属性
-v-model：必须，组件的json对象
+v-model：必须，[json对象]组件的json对象   
+:showBtns: boolean,是否显示保存按钮，默认为true   
+@json-change: json发生变化后的事件
 
 # 怎么使用
 ## 1. 使用npm安装vue-json-editor
@@ -18,7 +20,7 @@ npm install vue-json-editor --save
   <div>
     <p>vue-json-editor使用</p>
     <!--在模板中使用vue-json-editor-->
-    <vue-json-editor v-model="json"></vue-json-editor
+    <vue-json-editor v-model="json" :showBtns="true" @json-change="onJsonChange"></vue-json-editor
   <div>
 </template>
 
@@ -35,6 +37,12 @@ npm install vue-json-editor --save
     // 注入vueJsonEditor组件
     components: {
       vueJsonEditor
+    },
+
+    methods: {
+      onJsonChange (value) {
+        console.log('value:', value)
+      }
     }
   }
 </script>

example/App.vue

@@ -0,0 +1,26 @@
+<template>
+  <vue-json-editor v-model="json" :showBtns="false" @json-change="onJsonChange"></vue-json-editor>
+</template>
+
+<script>
+import vueJsonEditor from '../vue-json-editor.vue'
+export default {
+  data () {
+    return {
+      json: {
+        name: "Dirk"
+      }
+    }
+  },
+
+  components: {
+    vueJsonEditor
+  },
+
+  methods: {
+    onJsonChange (value) {
+      console.log('value:', value);
+    }
+  }
+}
+</script>

example/main.js

@@ -1,10 +1,10 @@
 import Vue from 'vue'
-import vueJsonEditor from '../vue-json-editor.vue'
+import App from './App.vue'
 
 new Vue({
   el: '#app',
-  components: { vueJsonEditor },
+  components: { App },
   render (h) {
-    return h('vueJsonEditor')
+    return h('App')
   }
 })

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-json-editor",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "A json editor of vue",
   "main": "vue-json-editor.vue",
   "scripts": {
@@ -13,14 +13,13 @@
     "url": "git+https://github.com/dirkliu/vue-json-editor.git"
   },
   "keywords": [
+    "vue-json-editor",
+    "vuejsoneditor"
+    "json-editor",
+    "jsoneditor",
     "json",
     "eidtor",
-    "jsoneditor\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D\u001b[D",
-    "\u001b[B\u001b[B\u001b[B\u001b[A\u001b[A\u001b[A\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C\u001b[C",
-    "json-editor",
-    "vue-json-editor",
-    "vue",
-    "jsoneditor"
+    "vue"
   ],
   "author": "liuqi41",
   "license": "ISC",

vue-json-editor.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="jsoneditor-vue"></div>
-    <div class="jsoneditor-btns"><button class="json-save-btn" type="button" @click="onSave()" :disabled="error">保存</button></div>
+    <div class="jsoneditor-btns" v-if="showBtns!==false"><button class="json-save-btn" type="button" @click="onSave()" :disabled="error">保存</button></div>
   </div>
 </template>
 
@@ -10,7 +10,7 @@
   import JsonEditor from './assets/jsoneditor'
 
   export default {
-    props: ['value'],
+    props: ['value', 'showBtns'],
     data () {
       return {
         editor: null,

webpack.config.js

@@ -39,7 +39,7 @@ module.exports = {
 
   devServer: {
     contentBase: path.join(__dirname),
-    port: 80,
+    port: 8080,
     open: true,
     inline: true
   }