注入到 Vue.js 中的

我有一些外部脚本需要加载到各个页面上，例如 Google Places Autocomplete、Facebook API 等。

显然，在每条路线上加载它们是没有意义的，但是文档没有解决这种相当常见的情况。

此外，Vue 实例安装到主体内的标签上，因为

在所有情况下，安装的元素都将替换为 Vue 生成的 DOM。因此不建议挂载根实例 到 或 。

目前现实世界的应用程序如何处理这种情况？

我建议使用https://www.npmjs.com/package/vue-head https://www.npmjs.com/package/vue-head，它的设计目的正是为了将组件中所需的数据注入到文档的头部。 非常适合 SEO 标题和元标记。

像这样使用：

export default {
  data: () => ({
    title: 'My Title'
  }),

  head: {
    // creates a title tag in header.
    title () {
      return {
        inner: this.title
      }
    },
    meta: [
      // creates a meta description tag in header.
      { name: 'description', content: 'My description' }
    ]
  }
}