<p> <pre class="brush:php;toolbar:false;"><template> <div class="ligne"> <div class="col-sm-12"> <div class="form-group"> <h4>Modifier le texte :</h4> <textarea class="form-control" cols="50" lignes = "4" placeholder="Entrez le texte ici..." v-model="textBoxInput" @keyup="textChanged"></textarea> </div> </div> </div> </modèle> <script> exporter par défaut{ données : fonction(){ retour { textBoxInput : "" } }, méthodes : { texteChanged : fonction(){ this.$emit('displayTextChanged', this.textBoxInput); } } } </script></pre> <p> <pre class="brush:php;toolbar:false;"><style> .edit-zone { remplissage : 20 px ; hauteur : 800px ; couleur d'arrière-plan : #d2f9f9 ; } .affichage de la carte { remplissage : 20 px ; hauteur : 800px ; } </style> <modèle> <div class="ligne"> <div class="carte col-sm-6 zone d'édition"> <cc-text-area></cc-text-area> </div> <div class="card col-sm-6 card-display"> </div> </div> </modèle> <script> importer TextInput depuis './TextInput.vue' exporter par défaut{ Composants: { ccTextArea : entrée de texte } } <script></pre> <p>它给出了这个错误： 错误</p> <p>是否正确注册了组件？对于递归组件，请确保提供« 名称 »选项。</p>

// TextInput.vue (not InputText.vue)

export default {
  name: 'TextInput',
  
  ...
}