title: v-model in Toast UI editor for Vue.js
body: <p>I'm trying to use the <a href="https://github.com/nhn/tui.editor/tree/master/apps/vue-editor" rel="nofollow noreferrer">Vue.js wrapper</a> for <a href="https://github.com/nhn/tui.editor" rel="nofollow noreferrer">Toast UI</a> and I can't get the v-model to work. </p>
  
  <p>I followed <a href="https://vuejsexamples.com/toast-ui-editor-for-vue/" rel="nofollow noreferrer">this tutorial</a> to make the following code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Editor } from '@toast-ui/vue-editor'
  
  export default {
    components: {
      editor: Editor
    },
    data () {
      return {
        editorText: 'Bloop'
      }
    },
    methods: {
      clicker () {
        alert(this.editorText)
      }
    }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;editor v-model="editorText"/&gt;
      &lt;button @click="clicker"&gt;Submit&lt;/button&gt;
    &lt;/div&gt;
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The Toast UI editor is empty on page load. Anything typed into the editor is not saved in the "editorText" variable because the alert shows the initial value. I feel like I must be making a very simple mistake. </p>
  
  <p>I would like to set the text in the editor when the page opens, and then get the markdown text from the editor when the button is pressed. Any help would be appreciated.</p>