vue 添加 meta_如何使用Vue-Meta在Vue中添加元数据

vue 添加 meta

什么是vue-meta？ (What is vue-meta?)

“vue-meta” is a module that offers a Vue plugin which allows us to add metadata from component dynamically.

“ vue-meta ”是提供Vue插件的模块，该插件使我们能够动态添加组件中的元数据。

This means in projects where we have multiple routes and we want to update the meta tags for SEO dynamically based on the route currently rendered on the page, vue-meta will handle that for us while giving us control over the app metadata.

这意味着在项目中，我们有多条路线，并且我们要根据页面上当前呈现的路线动态更新SEO的元标记，vue-meta将为我们处理该问题，同时让我们可以控制应用程序元数据。

建立 (Setup)

First of all, we need to add vue-meta to our project and let Vue know that we want to use it as a plugin available to all components.

首先，我们需要将vue-meta添加到我们的项目中，并让Vue知道我们希望将其用作可用于所有组件的插件。

npm install vue-meta --save

Then, we add the vue-meta to our main js file.

然后，我们将vue-meta添加到我们的主要js文件中。

// main.js or index.js
import Vue from "vue";
import App from