Vue将元数据动态添加到内部组件

Question

我正在建立vue温泉与vue路由器，在常见问题解答页面上，我想为每个问题动态添加元标题，描述和永久链接(使用手风琴)，以便在谷歌serp上显示他们个别和点击，页面上自动滚动它。

你能给我一些提示怎么做吗？

Answer 1

单页面应用程序对于搜索引擎来说并不是很好。但是如果你不想麻烦地将你当前的vue项目转移到另一个框架，比如Nuxt.js，我推荐使用vue- meta 来添加元标签到你的路径中的每个页面，并使用vue-prerender spa插件来构建静态html文件，让搜索引擎扫描每个页面的元数据：

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

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