javascript - vueコンポーネントが外部jsを導入する方法

Question

外部 swiper.js を単一ページ コンポーネントに導入したいです。依存関係をインストールしたくないです。js を直接インポートしたいのですが、これを実現する方法はありますか? import と require の両方を試しました。しかし、失敗したようです。

Answer 1

<script>を通してindex.htmlの下に直接インポートするだけです

Answer 2

index.htmlページに読み込む必要があるjsファイルを導入します

Answer 3

require/exportsはCommonJS(Nodeで実装)、import/exportはES2015のモジュール、vueを使うと必然的にwebpackを使うことになり、webpack1はデフォルトでCommonJSをサポートしており、ES2015ではbabelを使うだけで済みます。
https://www.zhihu.com/question/56820346/answer/150743994

したがって、このモジュラーインポート構文を使用したい場合は、参照するライブラリがモジュラーであり、構文が CommonJS であることが前提となります。
インポートしたいだけの場合は、<script> タグを直接追加してください。