Slide 12
Slide 12 text
fetch
Nuxt 2.8以降から使える!
pageコンポーネントで利用可
this
が使えない。。。
個人的にはページレベルで必要なデータを取得する際に利用
Vuex
にcommit
したりできるぞ!
Promise
をreturn
しないとクライアントからは更新されたVuex
の結果が見れない!
Vue
Vue.
.extend
extend(
({
{
async
async fetch
fetch (
({
{ store
store,
, params
params }
})
) {
{
const
const res
res =
= await
await axios
axios.
.get
get(
('http://my-api/sta
'http://my-api/sta
store
store.
.commit
commit(
('setStars'
'setStars',
, res
res.
.data
data)
);
;
}
}
}
})
)