在 Vue.js 中设置网页标题

在 Vue.js 中设置页面标题，可以在每个组件的 created 钩子中使用 document.title 来设置。这里是一个简单的示例：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>
 
<script>
export default {
  name: 'MyComponent',
  created() {
    document.title = '我的页面标题'; // 设置页面标题
  },
};
</script>

如果你想要全局设置标题，可以使用 Vue 的全局 mixin：

Vue.mixin({
  created() {
    const routeTitle = this.$route.meta && this.$route.meta.title;
    if (routeTitle) {
      document.title = routeTitle;
    }
  },
});

在路由配置中，可以添加 meta 字段来定义每个路由的标题：

const router = new VueRouter({
  routes: [
    {
      path: '/home',
      component: Home,
      meta: { title: '首页' },
    },
    // 其他路由配置
  ],
});

这样，每次路由变化时，都会根据当前路由的 meta.title 来设置页面标题。