Vue. js дюйм Laravel - PullRequest
Новая
       0

Vue. js дюйм Laravel

0 голосов
/ 19 июня 2020

Я пытаюсь использовать vue. js с laravel в первый раз.

В лезвии. php файл: 

<html>
    <body class>
        <div id="app"> 
            <favourup></favourup>
        </div>
        <script src="{{ asset('js/app.js') }}"></script>
    </body>
</html>

В app. js файл: 

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

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

В vue файле: 

<template>
    <div>
        <h2>FavourUp</h2>
    </div>
</template>

Я не получаю никаких ошибок, однако локальный хост отображает пустую веб-страницу, когда это необходимо отобразить 'FavourUp'

1 Ответ

0 голосов
/ 19 июня 2020

вы должны написать .default в конце компонентов require vue из-за части обновлений vue -loader 15, если ваш код использует синтаксис Common JS для импорта модулей EcmaScript, вам необходимо добавить .default: https://laravel-mix.com/docs/4.0/upgrade#importing -es-modules , но, как сказал @Ifaruki, вы тоже можете импортировать его, вот код: 

// first
Vue.component('favourup', require('./components/Favourup.vue').default);

// second
import Favourup from './components/Favourup.vue';

Vue.component('favourup', Favourup);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...