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>