Я пытаюсь интегрировать приложение Laravel, которое я написал, и приложение Vue, написанное моим другом. Хотя оба прекрасно работают сами по себе, вместе я получаю массу ошибок. Похоже, что Vue и / или Laravel просто не видят определенные элементы, и я не знаю почему.
Один из тегов в моем home.php:
<div class="start" id="inputData">
<h1><span v-bind:title="welcomeDate">@{{welcomeMessage}}</span></h1>
</div>
Соответствующий код в vue.js, который находится внутри метода onload (). Если у меня нет onload, он выдает другие ошибки, которые я могу выдать, если это уместно.
var welcome = new Vue({
el: '#inputData',
data: {
welcomeMessage: 'Welcome, user.',
welcomeDate: "You loaded this page on " + new Date().toLocaleString()
}
});
Vue импортируется в блейд для главной страницы через:
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"</script>
<script src="{{ asset('js/vue.js') }}"></script>
Выдает ошибку (в консоли Chrome):
ReferenceError: inputData is not defined
Я понимаю, что это фрагменты кода, но это довольно большое приложение, и я не хочу давать огромное количество кода. Любая помощь с благодарностью.