Компонент Vue не загружает данные

Я тестирую Laravel 5.4 с компонентами Vue. Но проблема заключается в том, что компоненты Vue не отображаются на странице просмотра.Компонент Vue не загружает данные

Вот мой Vue Файл:

ChatMessage.vue

<template> 
    <div> 
     <p>Message text is here</p> 
     <small>Author Name</small> 
    </div> 
</template> 

<script> 

</script> 
<style> 
</style>

Вот лезвие chat.blade.php

<html> 
    <head> 
     <title>Chat Rool</title> 
     <link rel="stylesheet" href="css/app.css"> 
    </head> 
    <body> 
     <div id="app"> 
      <h1>Chat Room</h1>   
      <chat-message></chat-message> 
     </div> 
     <script src="js/app.js" charset="utf-8"></script> 
    </body> 
</html>

Вот мое приложение. js

require('./bootstrap'); 

Vue.component('chat-message', require('./components/ChatMessage.vue')); 

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

Ошибка при загрузке app.js Потому что я проверил его там на странице просмотра. Может ли кто-нибудь предложить мне, что здесь не так?

источник

2017-02-02 Hola

Кажется, в вашем ChatMessage.vue, вам просто нужно экспортировать пустой объект, так как не имеют какие-либо другие свойства, как следующее:

<template> 
    <div> 
     <p>Message text is here</p> 
     <small>Author Name</small> 
    </div> 
</template> 

<script> 
export default { 
} 
</script> 
<style> 
</style>

источник

2017-02-02 05:35:49 Saurabh

@Hola Вы можете удалить решение от вопроса, Я вижу, вы добавили это в вопрос, это смутит, если кто-то еще посмотрит на этот вопрос. – Saurabh

Справа ты, я думал, что уже проверил это! Я отредактировал .. Спасибо за решение, хотя – Hola

Компонент Vue не загружает данные

ответ

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