Javascript 在vuejs中使用Youtube api时，我应该将脚本标记放在哪里

我尝试将脚本标记放在index.html中，但没有成功，因为它说gapi在另一个文件中的Vue组件中未定义

这是我想使用的示例

/**
*youtube.search.list的JavaScript代码示例
*请参阅本地运行API Explorer代码示例的说明：
* https://developers.google.com/explorer-help/guides/code_samples#javascript
*/
函数身份验证（）{
返回gapi.auth2.getAuthInstance（）
.signIn（{范围：https://www.googleapis.com/auth/youtube.force-ssl"})
.then（function（）{console.log（“登录成功”）；}，
函数（err）{console.error（“错误登录”，err）；}）；
}
函数loadClient（）{
gapi.client.setApiKey（“您的API密钥”）；
返回gapi.client.load（“https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest")
.then（function（）{console.log（“为API加载的GAPI客户端”）；}，
函数（err）{console.error（“为API加载GAPI客户端时出错”，err）；}）；
}
//在调用此方法之前，请确保已加载客户端并完成登录。
函数execute（）{
返回gapi.client.youtube.search.list({
“部分”：[
“片段”
],
“q”：“boo”
})
.然后（功能（响应）{
//在这里处理结果（response.result具有解析的主体）。
控制台日志（“响应”，响应）；
},
函数（err）{console.error（“executeerror”，err）；}）；
}
load（“客户端：auth2”，函数（）{
gapi.auth2.init（{client_id:“YOUR_client_id”}）；
});
授权加载
执行

---

但是，我希望在index.html中有我的脚本标记，在vue组件中有函数

但是我希望在index.html中有我的脚本标记，在vue组件中有函数-然后这样做，或者解释为什么你不能这样做，我的帖子提到为什么在index.html中放置脚本标记没有帮助，当我这样做时，vue组件中我的函数中的

gapi

对象是未定义的。读了这篇文章后，您是否阅读了这些内容？我感到困惑，因为他们创建了一个新的vue对象，但他们的方式与我迄今为止使用vue的方式不同。我通常创建一个新的vue文件，并使用和标记。我不知道如何获取vue对象，因为我没有创建新对象