如何根据 Laravel Blade 分离 VueJS 组件

【问题标题】：How to separate VueJS Component according to Laravel Blade如何根据 Laravel Blade 分离 VueJS 组件
【发布时间】：2020-01-20 10:06:05
【问题描述】：

我有两个刀片文件

generate.blade.php
仪表板/index.blade.php

并创建了两个组件

ImageuploadComponent（组件文件）
appCurrencies（Vue axios 请求）

1 - 在 app.js 文件中并在 generate.blade.php 中调用了这两个组件，但是当我要去 dasbhoard/index.blade.php 时，我得到了这个错误

app.js:38968 [Vue 警告]：找不到元素：#appUpload

请帮助我如何忽略这些错误或仅在 generate.blade.php 中调用这些组件。

【问题讨论】：

标签： laravel vuejs2 vue-component vue-class-components

【解决方案1】：

您可以添加一个 if 语句来检查您的 #appUpload 是否实际存在以在 app.js 中显示您的组件。

只需添加

var element =  document.getElementById('#appUpload');
if (typeof(element) != 'undefined' && element != null)
{
  //Your code like 
  const app = new Vue({
              el: '#appUpload',
        });
}

只有当您拥有要处理 vue 组件的 id 时，才会生成此 vue 实例

【讨论】：

非常感谢，但我正在寻找与 vuejs 相关的任何其他解决方案，例如在刀片内进行 vue http 调用或任何其他方式。将不胜感激。
使用 axios 调用 http 它只是一个 ajax 调用。
你能给我一些例子吗，因为我搜索和尝试了太多，但我完全糊涂了。