fix v-model, part css

- - · - - · commit dbe1b6bad1ea · 2017-01-05T16:02:50.000+08:00
diff --git a/README.md b/README.md
@@ -20,20 +20,25 @@ npm install vue-simplemde --save
 // import with ES6
 import Vue from 'vue'
 import VueSimplemde from 'vue-simplemde'
+import 'simplemde/dist/simplemde.min.css'
 
 // require with Webpack/Node.js
 var Vue = require('vue')
 var VueSimplemde = require('vue-simplemde')
+require('simplemde/dist/simplemde.min.css')
 
 // use
 Vue.use(VueSimplemde)
 ```
 
 ``` javascript
 // or use with component(ES6)
-import { markdownEditor } from 'vue-simplemde'
 
-// use
+// main.js
+import 'simplemde/dist/simplemde.min.css'
+
+// component
+import { markdownEditor } from 'vue-simplemde'
 export default {
   components: {
     markdownEditor
diff --git a/markdown-editor.vue b/markdown-editor.vue
@@ -6,7 +6,6 @@
 
 <script>
 import SimpleMDE from 'simplemde'
-import 'simplemde/dist/simplemde.min.css'
 
 export default {
   name: 'markdown-editor',
@@ -25,7 +24,7 @@ export default {
   },
   methods: {
     initialize () {
-      var configs = this.configs
+      var configs = JSON.parse(JSON.stringify(this.configs))
       configs.element = configs.element || this.$el.firstChild
       configs.initialValue = configs.initialValue || this.value
 
@@ -57,6 +56,12 @@ export default {
       preview.className = 'editor-preview ' + _class
       wrapper.appendChild(preview)
     }
+  },
+  watch: {
+    value (val) {
+      if (val === this.simplemde.value()) return
+      this.simplemde.value(val)
+    }
   }
 }
 </script>
