x-initとは
Alpine.jsを呼び出すときに最初に行う処理です。
こちらで説明してます。
x-initでAPIを叩く例
JSONplaceholderからデータを持ってきてます。
See the Pen Untitled by gorimatyan (@gorimatyan) on CodePen.
取ってきたtodoはオブジェクトなので、生のJavaScriptと同じ記法で取り出すことができます。
todo.title
持論
Laravelを使うならこの辺のデータ取得はコントローラーやLivewireで行った方が、フロントエンドとバックエンドを分けて実装できてメンテもしやすい気がします。
私は今回紹介した記法は使わず、コントローラーやLivewireで今後もデータを渡すつもりですが、一応紹介してみたという試みでござんした。
まとめ
こういう書き方があることを知っておくと、どこかで使えることに気付けるからヨシ！！！