vue.jsで外部JSを呼び出す方法

admin

4年前

vue.jsで外部JSを呼び出す方法

参考URL

vue.jsではscriptタグは1個だけという制限があるので、コピペだとエラーになる。
どうするんだろう？と思ったら、これで行けた。

1, pulic/index.htmlに、通常通りライブラリのscriptタグをコピペ

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://example.com/hogehoge.js"></script>

<!DOCTYPE html>

<head>

2, vueファイルのdata()にコールしたい関数を書く

<script>
  export default {
    data (){
      return { msg: window.呼び出したい関数名() }
    }
  }
</script>

export default {

data (){

return { msg: window.呼び出したい関数名() }

}

</script>