How to use summernote in vueJS? Error:summernote is not a function
<p>I am trying to use summernote in vueJS. Under Laravel framework. In blade.php document, I have set an id of summernot_div: </p>

<pre><code>&lt;input type="text" v-model="articleForChange.article_body" class="form-control" id="summernote_div" placeholder="Article Content"&gt;
</code></pre>

<p>Then, in the corresponding vueJS document, within the created() method:</p>

<pre><code>$('#summernote_div').summernote({
  height: 300, // set editor height
  minHeight: null, // set minimum height of editor
  maxHeight: null, // set maximum height of editor
  focus: true // set focus to editable area after initializing summernote
});
console.log(summernote);
</code></pre>

<p>But the page just <strong>response</strong>:</p>

<blockquote>
  <p>Uncaught TypeError: $(...).summernote is not a function. </p>
</blockquote>

<p>Is there <strong>anything</strong> I miss to do?</p>