Javascript VueJs资产-Laravel 5.5

我是VueJs新手，我尝试将前端的VueJs与Laravel 5.5服务器端的VueJs结合起来，我在定义项目结构时遇到了同样的问题，以及如何从.vue文件中访问资产：

代码组件：

<template>
    <div class="row page-titles">
        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">Dashboard</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
            </ol>
        </div>
    </div>
</template>
    <script src="{{ asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>

---

你有两个选择。此脚本：

<script src="{{ asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>

---

你有没有试着看拉威尔的混音？是的，我知道，我认为laravel mix是将脚本或样式文件组合在一起，但我需要的是每个组件都有自己的scipt和样式：我认为最好只对每个页面使用所需的脚本和样式，你知道我很确定这不是首选的方法。通常，您将所有JS文件和依赖项压缩到1或2个JS文件中，并仅加载这些文件。如果您确实需要将一些JS请求限定到某些组件，您可以在模板中的

created（）

方法上加载该文件。

<script src="{{ asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.js') }}" type="text/javascript"></script>

require('./plugins/bootstrap-fileinput/bootstrap-fileinput.js')