vue怎么获取title

如何在 Vue 中获取标题

在 Vue 中获取页面标题的方法如下：

1. 使用 document.title

document.title 属性返回或设置当前 HTML 文档的标题。要在 Vue 中获取标题，可以在组件或应用程序实例中使用 document.title：

const title = document.title;

1. 使用 $title 混入

Vuex 提供了 $title 混入，它为组件提供了一个方便的 title 属性，该属性可用于设置或获取标题。要使用 $title 混入，需要先在 Vuex 存储中注册它：

立即学习“前端免费学习笔记（深入）”；

import Vue from 'vue';import Vuex from 'vuex';import { $title } from 'vuex-title';Vue.use(Vuex);const store = new Vuex.Store({  plugins: [$title]});

然后，可以使用以下方法在组件中注入 $title 混入：

import { mapState } from 'vuex';export default {  computed: {    ...mapState(['$title']),  },};

现在可以在组件中访问 this.$title，该属性既可以获取也可以设置标题：

const title = this.$title;