title: Textarea v-model initial value with VueJS and Laravel
body: <p>I want to display the username as the default textarea value for markdown editor using blade syntax.</p>
  <pre><code>&lt;textarea v-model=&quot;message&quot;&gt;
        {{ $detailsFromLaravelContoller }}
  &lt;/textarea&gt;
  &lt;div v-html=&quot;compiledMarkdown&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>But I am using v-model component for the textarea which requires to <a href="https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties" rel="nofollow noreferrer">declare message with an empty value</a> like this</p>
  <pre><code>window.onload = function()
  { 
      var editor = new Vue({
      el: '#editor',
      data: {
          message: '',
          compiledMarkdown: marked('', { sanitize: true }), 
      },
      watch: {
          markdown: function () {
            this.compiledMarkdown = marked(this.message, { sanitize: true })
          }
        }, 
        methods: {
          
        }
    })  
  }
  </code></pre>
  <p>This renders the screen with the <strong>laravel variable's value</strong>. But soon <strong>after the page loads the content disappears</strong> (as I've used window.onload I guess).<br>
  Also I'm not using <strong>inline VueJS</strong>.
  <br>
  P.S: I'm new to both VueJS and Laravel and <strong>the source for the markdown</strong> is <a href="https://jsfiddle.net/0dzvcf4d/9942/" rel="nofollow noreferrer">here(jsfiddle)</a><br>
  <strong>Thank you in advance!!!</strong></p>