Vue Js component wont display in Blade view Laravel My Blade View 'chat blade php' extends('layouts app') section('content') Chats endsection This code is extend from app blade php, which probably its not really the main focus of the problem and here is My 2 Component From My Vue JS 'ChatMessages vue' message user name message message export default props 'messages' and here is the 'ChatForm vue' Send export default props 'user' , data() return newMessage '' , methods sendMessage() this $emit('messagesent', user this user, message this newMessage ) this newMessage '' and here is the following screenshot of the problem as you can see in the screenshot, the chat component from vue js listed below, wont show up, its just appear blank, only displaying scrollbar,navbar and 'Chats' text which is came from app blade php Please help me ) Thanks localhost projectWebKelasLC public chat Go Travel Home Chat Logout Chats localhost projectWebKelasLC public chat Go Travel Home Chat Logout Chats

The Answer is in the image, click to view ...

Answered step by step

Verified Expert Solution

Link Copied!

Question

1 Approved Answer

Posted on Sep 24, 2024

Vue Js component wont display in Blade view Laravel My Blade View 'chat.blade.php' @extends('layouts.app') @section('content') Chats @endsection This code is extend from app.blade.php, which probably

Vue Js component wont display in Blade view Laravel

My Blade View 'chat.blade.php'

 @extends('layouts.app') @section('content')      Chats  
   
 
 
 
 
 @endsection  This code is extend from app.blade.php, which probably its not really the main focus of the problem
 and here is My 2 Component From My Vue JS 'ChatMessages.vue'
   
 and here is the 'ChatForm.vue'
   
 and here is the following screenshot of the problem
 as you can see in the screenshot, the chat component from vue.js listed below, wont show up, its just appear blank, only displaying scrollbar,navbar and 'Chats' text. which is came from app.blade.php] Please help me :). Thanks
   localhost/projectWebKelasLC/public/chat Go Travel Home Chat Logout Chats   localhost/projectWebKelasLC/public/chat Go Travel Home Chat Logout Chats