为 Vue JS 组件嵌入 Javascript Map答案

【问题标题】：Embed Java Script Map for VueJS component为 Vue JS 组件嵌入 Javascript Map
【发布时间】：2018-08-31 09:10:32
【问题描述】：

我正在尝试将地图嵌入到我的 vue 组件中，该组件是用 java 脚本编写的。
我从这个 Web 链接下载了该地图。 Sri Lanka Map
在该地图文件中的文档

他们说要在head 部分包含一些 JS 和 CSS 文件。

例如：- <link href="jsmaps/jsmaps.css" rel="stylesheet" type="text/css" />

我的模板中的 head 部分在哪里？如何将 JS / CSS 文件注入到该 head 部分？

【问题讨论】：

head 部分在 index.html 文件中
你在使用 vue-cli 吗？
是的，我正在使用 vue cli
@Bhojendra Nepal 我不想为所有用户加载它。我只想将其加载给某些用户。

标签： javascript vue.js vuejs2 vue-component

【解决方案1】：

有几种方法可以操作单页应用程序的 head 部分。目前你可以使用名为 Vue Meta 的 Vue 插件，看看这个仓库https://github.com/declandewet/vue-meta。

但是如果你不想弄脏你的手，你可以使用 Nuxt.js，看看这个链接https://nuxtjs.org/。 Nuxt.js 提供了一种使用 Vue.js 创建项目的简单方法。您只需编辑nuxt.config.js 文件，就像这里描述的https://nuxtjs.org/api/configuration-head

即使您也可以配置特定页面的 head 部分，正如您在上面的评论中提到的那样。

【讨论】：