Não sei se entendi direito sua pergunta, mas, uma resposta rápida seria para você importar esses .js em seu app.js, mas não sei se é só isso que você quer, então, segue uma estrutura bacana que adotei quando trabalho com vue.js no laravel:
resources/assets/js/classes
Ficam todas as classes de javascript que precisar, por exemplo:
- Form.js
- Utils.js
- Errors.js
- ...
Cada classe, é registrada globalmente dentro dela mesma:
- window.Form = Form;
- window.Utils = Utils;
- window.Errors = Errors;
- ...
Exemplo:
export default class Form
{
constructor(data)
{
...
}
reset()
{
...
}
data()
{
...
}
submit(method, endPoint)
{
...
}
onSuccess(data)
{
...
}
onFail(error)
{
...
}
}
window.Form = Form;
No resources/assets/js/app.js ocorre o import dessas classes:
- import Form from './classes/Form';
- import Utils from './classes/Utils';
- import Errors from './classes/Errors';
- ...
Ao mesmo tempo que, no app.js o Vue.js é instanciado junto com seus componentes, que ficam em resources/assets/js/components, exemplo:
Vue.component('menu-row', require('./components/MenuRow.vue'));
Vue.component('menu-form', require('./components/MenuForm.vue'));
// Root instance
const app = new Vue({
el : '#app'
});
Assim você tem liberdade de criar suas classes em javascript, e utiliza-las nos componentes do vue.js tranquilamente