Question

我正在使用laravel 5.7。我在视图中使用的是Vue组件，我遵循了tutorial。

此标记位于我的create.blade.php中，并且工作正常。

<slug-widget url="{{url('/')}}" subdirectory="blog" :title="title" @slug-changed="updateSlug"></slug-widget>

在我的app.js中，

Vue.component('slugWidget', require('./components/slugWidget.vue'));

因此，如您所见，我没有在app.js内使用它

const app = new Vue({
    el: '#app',
 });

slugWidget.vue在此jsfiddle

中

在我的create.blade.php里面，我有一个脚本

@section('scripts')
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        title: '',
        slug: '',
        api_token: '{{Auth::user()->api_token}}'
      },
      methods: {
        updateSlug: function(val) {
          this.slug = val;
        }
      }
    });        
  </script>
@endsection

问题是我没有正确地掌握自己的观点，我对此不屑一顾。我正在尝试添加一个新组件，所以我正在尝试测试示例组件 laravel附带的在app.js中，我正在使用

Vue.component('example-component', require('./components/ExampleComponent.vue'));

在我的create.blade.php中，我正在使用<example-component></example-component> 我收到此错误：

[Vue警告]：未知的自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

我是否必须在create.blade.php中的脚本内添加一些内容？我唯一的脚本是用于slug-widget。我做错了，请解释一下，以便我可以学习制作自己的组件。

为什么此vue组件在Laravel中不起作用

0 个答案: