子路由的元标签问题，通过路由器视图呈现，未在服务器端设置

// 路由配置文件
import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'subroute',
          component: SubRoute,
          meta: {
            title: '子路由页面',
            description: '这是子路由页面的描述',
            keywords: '子路由, 页面, 元标签',
          },
        },
      ],
    },
  ],
});

export default router;

// 子路由对应的组件
<template>
  <div>
    <!-- 子路由页面内容 -->
  </div>
</template>

<script>
export default {
  metaInfo() {
    return {
      title: this.$route.meta.title,
      meta: [
        {
          name: 'description',
          content: this.$route.meta.description,
        },
        {
          name: 'keywords',
          content: this.$route.meta.keywords,
        },
      ],
    };
  },
};
</script>