使った非同期通信のやり方は以前エントリーしました。わからない方は以下をご参考ください。してテーブルの作成からシーダーまでの作業は終わっているとします。テーブルの構成は以下のようにシンプルにしました。timestamp手順JavaScript(Vue.js)JavaScript(Ajax)通信Laravel(ルーティング&コントローラ)JavaScript関数(addMessage)Laravel(ビュー)1.JavaScript(Vue.js)JavaScriptのフレームワークはVue.jsにします。必要なデータプロパティを定義します。},});2.JavaScript(Ajax)通信Vueインスタンスの外にAjaxによる非同期通信を記述します。その際、通信エラーの原因を取得する記述もしておくと、デバッグに役立ちます。alert('メッセージの取得に失敗しました。メッセージ取得APIコントローラtodosテーブルからレコードを全て抽出します。json形式に変換して返します。