Vuejs，Summernote和Laravel

Question

我想将summernote与vuejs和laravel一起使用。我正在构建一个单页应用程序，其中列出了许多提要。在每个提要的编辑页面上，用户都可以使用summernote编辑提要的内容，其中summernote可以包含在任何其他需要文本编辑器的页面中，因此我将summernote作为组件。没有任何错误，但不会更改为summernote。

Summernot.vue

<template>
  <div>
    <textarea :class="{ 'is-invalid': errors.has('title') }" id="summernote" data-plugin="summernote" 
    name="content" data-option="{}" required=""  v-validate="'required|min:2'" v-model="summernoteContent"></textarea> 
 </div>
</template>

<script>
 export default {
    data() {
        return {
            summernoteContent: ''
        }
    },

    ready() {

        $('#summernote').summernote();

    }
  }
 </script>

Edit.vue

  <template>
     <div class="box-body">
       <summernote></summernote>
     </div>
  </template>

    从'../../components/Summernote'导入Summernote

export default {

    components: { Summernote }
 }
</script>