useMeta 组合式函数是 Quasar Meta 插件(调用自定义组件)的一部分。如果您还没有深入了解过它,请先在那里进行初步阅读。
用法
静态 meta 配置(无响应式):
import { useMeta } from 'quasar'
setup () {
useMeta({ /* meta config */ })
}content_paste
动态 meta 配置(响应式):
import { useMeta } from 'quasar'
setup () {
// 本质上充当一个计算属性。
useMeta(() => {
// 在您的组件中计算或引用其他内容,然后返回:
return { /* meta config */ }
})
}content_paste
示例
<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>content_paste