2021-01-15 Nuxt Composition API useMeta 异步更新


我们项目想提前体验 Vue Composition API 并且享受 Nuxt 的 SSR。 所以使用了 @nuxtjs/composition-api

一个小需求,从 API 获取数据,更新 document 的 title

我们使用 useMeta

const { title, meta } = useMeta()

useFetch(async () => {
  const data  = await someAjax();

  title.value.title = data.title
})

为什么要写这篇笔记?

因为官方文档太迷惑了,让我浪费了很多时间。

官方文档:

// You can even pass a function to achieve a computed meta
const message = ref('')
useMeta(() => ({ title: message.value }))

这段话让我误以为:“如果需要异步更新,就必须以函数形式。”

实际上并不需要。仅以一篇笔记,纪念我失去的时间。

参考