vue3里面v-title

Vue 3 中没有内置的 `v-title` 指令。然而，你可以使用 `vue-router` 来实现类似的功能。你可以在路由配置中设置 `meta` 字段，然后在组件中使用 `route` 对象来访问该字段。

首先，在路由配置中添加 `meta` 字段：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      title: 'Home Page' // 设置页面标题
    }
  },
  // 其他路由配置...
];

然后，在你的组件中使用 `route` 对象来设置页面标题：

<template>
  <div>
    <!-- 其他组件内容 -->
  </div>
</template>

<script>
export default {
  name: 'YourComponent',
  mounted() {
    document.title = this.$route.meta.title; // 设置页面标题
  }
};
</script>

这样，当你跳转到该组件时，页面的标题将会被设置为你在路由配置中指定的标题。