laravel - Vue 警告 : Unknown custom element

Question

我有这个错误

app.js:3621 [Vue warn]: Unknown custom element: <addvideo> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

我的 add-video.blade.php

        <div class="panel panel-default">
        <div class="panel-heading">Add Video!</div>
        <div class="panel-body">
        <addVideo></addVideo>
    </div>

添加视频.vue

 <template lang="html">
  //template codes
</template>

<script>
export default {

  data(){

    return {
      errors:[],
      video : {
        name : '',
        rate : '',
        year : '',
        description : '',
        creator : '',
        director : '',
        writers : '',
        storyline : '',
        isMovie : '',
        season : ''
      }
    }


  },

  created(){
    this.fetchVideos();
  },

  methods:{
    fetchVideos(){
      axios.get('videos').then(response=>{

        this.video = response.data.video;
      });

    },
    addVideo(){

      axios.post('videos',this.videos).then(response =>{
        this.videos.push(response.data.video);
        this.video = {
          name : '',
          rate : '',
          year : '',
          description : '',
          creator : '',
          director : '',
          writers : '',
          storyline : '',
          isMovie : '',
          season : ''
        };
        console.log(response.data);
      },response=>{
          this.errors=response.data;
      });

    }

  }




}
</script>

<style lang="css">
</style>

应用程序.js

import Vue from 'vue';
import Users from './components/Users.vue';
import Register from './components/Register.vue';
import addVideo from './components/addVideo.vue';




window.axios = require('axios');


const app = new Vue({
    el: '#app',
    components : { Users,Register,addVideo }
});

Laravel 5.4 项目。我为不同的组件编写了相同的代码。相同的代码适用于其他组件。我认为没有语法错误。但我没有发现我的错。我希望共享的代码对你有帮助。

Answer 1

其实html标签是不区分大小写的，一切都降低了。在您的模板中使用连字符表示法来等效于 addVideo(只要它在 .php 或 .html 文件中):

<add-video></add-video>