useMeta

useMeta 组合式函数是 Quasar Meta 插件(调用自定义组件)的一部分。如果您还没有深入了解过它,请先在那里进行初步阅读。

用法

静态 meta 配置(无响应式):

import { useMeta } from 'quasar'

setup () {
  useMeta({ /* meta config */ })
}

动态 meta 配置(响应式):

import { useMeta } from 'quasar'

setup () {
  // 本质上充当一个计算属性。
  useMeta(() => {
    // 在您的组件中计算或引用其他内容,然后返回:
    return { /* meta config */ }
  })
}

示例

<script>
import { useMeta } from 'quasar'

export default {
  setup () {
    const title = ref('Some title') // 我们定义 "title" 属性

    // 注意这里的参数是一个函数。在底层,它会被转换为一个 Vue 计算属性。
    useMeta(() => {
      return {
        // 上述的 "title" 发生变化时,您的 meat 数据也会自动更新。
        title: title.value
      }
    })

    function setAnotherTitle () {
      title.value = 'Another title' // 由于绑定关系,将自动触发 meat 数据的更新。
    }

    return {
      setAnotherTitle
    }
  }
}
</script>