在 Vue 中设置 <meta> 标签可以使用 vue-meta 库来实现。以下是一个简单的示例，演示如何在 Vue 中设置 <meta> 标签：

1. 安装 vue-meta 库

使用以下命令安装 vue-meta 库：Copy

npm install vue-meta --save

2. 在组件中设置 <meta> 标签

在需要设置 <meta> 标签的组件中，使用 head 钩子函数设置 <meta> 标签。例如：vueCopy

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<script>
import { meta } from 'vue-meta'

export default {
  name: 'MyComponent',

  // 在组件中使用 head 钩子函数设置 meta 标签
  head: {
    title: '页面标题',

    meta: [
      {
        name: 'keywords',
        content: '关键词1, 关键词2'
      },
      {
        name: 'description',
        content: '页面描述'
      }
    ]
  },

  // 注册 meta 插件
  mixins: [meta]
}
</script>

在上述示例中，我们通过在 head 钩子函数中设置 <meta> 标签。可以设置 name 属性和 content 属性，也可以设置其他属性，例如 property，http-equiv 等等。

在上述示例中，我们还通过 mixins 属性将 meta 插件注册到组件中，以便在组件中使用 meta 功能。

通过上述步骤，我们就可以在 Vue 中设置 <meta> 标签了。使用 vue-meta 库，我们可以轻松地为每个组件设置不同的 <meta> 标签，以满足不同页面的需求。