<p>我正在制作一个组件InputText.vue，如下所示：</p> <pre class="brush:php;toolbar:false;"><template> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <h4>Text bearbeiten:</h4> <textarea class="form-control" cols="50" rows="4" placeholder="Geben Sie hier Text ein..." v-model="textBoxInput" @keyup="textChanged"></textarea> </div> </div> </div> </template> <script> Standard exportieren{ Daten: Funktion(){ zurückkehren { textBoxInput: "" } }, Methoden: { textChanged: function(){ this.$emit('displayTextChanged', this.textBoxInput); } } } </script></pre> <p>然后我在 CardFront.vue 组件中注册并使用它，如下所示：</p> <pre class="brush:php;toolbar:false;"><style> .edit-area { Polsterung: 20px; Höhe: 800px; Hintergrundfarbe: #d2f9f9; } .card-display { Polsterung: 20px; Höhe: 800px; } </style> <Vorlage> <div class="row"> <div class="card col-sm-6 edit-area"> <cc-text-area></cc-text-area> </div> <div class="card col-sm-6 card-display"> </div> </div> </template> <script> TextInput aus „./TextInput.vue“ importieren Standard exportieren{ Komponenten: { ccTextArea: TextInput } } <script></pre> <p>它给出了这个错误： 错误</p> <p>请帮帮我。我正在使用 Vue 版本 2。每当我尝试刷新页面时，它都会给出如下错误: [Vue-Warnung]: Unbekanntes benutzerdefiniertes Element: - 你是否正确注册了组件？对于递归组件，请确保提供“名称”选项.</p>

// TextInput.vue (not InputText.vue)

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