準備收假了，大家加油!

首先複習一下x-init

<div x-data="{ quote: 'bar' }" x-init="quote = 'baz'">
    <div x-text="quote"></div>
</div>

上面這範例會印出'baz'字串，
因為x-init執行時把x-data蓋掉了。

那麼將x-init改寫一下，
其中http://api.kanye.rest會隨機印出一段json的文字
(像是{"quote":"For me giving up is way harder than trying."})
範例如下

<div
 x-data="{ quote: 'bar' }"
 x-init="
     fetch('http://api.kanye.rest')
     .then(response=>response.json())
     .then(data=>quote=data.quote)
 "
 >
    <div x-text="quote"></div>
</div>

用這方法就可以把資料庫的資料轉成json文字後
將裡面的文字列印出來了喔!