vue.js - Vue动态添加元数据到内部组件

Question

我正在使用 vue 路由器和常见问题解答页面构建 vue spa，我想为每个问题动态添加元标题、描述和永久链接（使用手风琴），以便在 google serp 和点击时单独显示它们，页面将自动滚动.

你能给我一些提示吗？

标签： vue.js

Answer 1

单页应用程序不适合搜索引擎。但是如果你不想麻烦将你当前的 vue 项目迁移到另一个框架，比如 Nuxt.js，id 建议使用vue-meta将元标记添加到你的路由中的每个页面，以及vue-prerender spa 插件，为搜索引擎构建静态 html 文件以扫描每个页面的元数据：

vue-meta： https ://www.npmjs.com/package/vue-meta

vue-prerender： https ://github.com/chrisvfritz/prerender-spa-plugin