Nuxt2项目中下载vue-meta后 应该怎么挂载在$meta上面 可以asyncData函数中全局使用

在 Nuxt.js 2.x 中，可以使用 `@nuxtjs/meta` 模块来处理页面的 meta 信息。该模块内部已经集成了 `vue-meta`，因此你不需要再单独安装和挂载 `vue-meta`。

首先，你需要在 `nuxt.config.js` 文件中引入 `@nuxtjs/meta` 模块，并将其添加到 `modules` 数组中：

// nuxt.config.js

module.exports = {
  // ...
  modules: [
    '@nuxtjs/meta'
  ],
  // ...
}

这样就完成了 `vue-meta` 的挂载，你可以在页面组件中使用 `$meta` 属性来设置页面的 meta 信息。在 `asyncData` 函数中，你可以通过 `context` 对象来访问 `$meta`：

<template>
  <div>
    <h1>{{ $meta.title }}</h1>
    <p>{{ $meta.description }}</p>
  </div>
</template>

<script>
export default {
  asyncData(context) {
    context.$meta.set({
      title: 'My Page',
      description: 'This is my awesome page!'
    })
    
    return {}
  }
}
</script>

这里，我们在 `asyncData` 函数中使用 `context.$meta.set()` 方法来设置页面的 meta 信息。然后在模板中，我们可以通过 `$meta` 属性来访问这些信息，并渲染到页面上。