2016-10-07 2 views
2

У меня есть новая установка проекта Laravel 5.3, которая построена с помощью компонента Vue.Использование компонента Vue в Laravel 5.3

require('./bootstrap'); 

Vue.component('example', require('./components/Example.vue')); 

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

Затем я попытался добавить

<example></example> 

в welcome.blade.php, спас его, но ничего не изменилось.

Я запустил gulp watch, даже я не изменил JS-файл.

Я что-то пропустил? Или это не работает компонент Vue?

+0

Имеет ли vue что-то напечатать в консоли javascript? – Skysplit

ответ

2

Включены ли вы app.js в приветствие.blade.php?

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

Вы, наверное, так и сделал, но и быть уверенным, чтобы добавить элемент с идентификатором (в данном случае #app) вы определили в настройках вашего экземпляра Вью.

Смежные вопросы