vue.jsにjsプラグインをロードする方法

vue.js が js プラグインをロードする方法: 最初に依存パッケージの Bootstrap と jQuery をインストールし、次に関連する js と css をインポートし、関連する DOM 要素を挿入します。最後にコードを保存して実行します。プロジェクト。

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6。この方法は、すべてのブランドのコンピューターに適しています。

vue.js に js プラグインをロードする方法:

最初のステップは、vue.js プロジェクトでブートストラップを使用することです。この依存関係をインストールする必要があります。図に示すように、次のパッケージを使用します。

2 番目のステップでは、Bootstrap を使用する前に、jQuery が関係する可能性があるため、jQuery もインストールする必要があります。以下の図に示すように、

##3 番目のステップは、関連する js と css を

<script></script> にインポートすることです。次の図に示すように、新しい vue ファイル:

4 番目のステップは、関連する DOM 要素をテンプレート タグに挿入することです。ここでは、テーブルが使用されます。

5 番目のステップでは、コードを保存し、npm ツール コマンドを使用してプロジェクトを実行し、ブラウザで効果を確認します。以下:

6 番目のステップは、テーブルの奇数行と偶数行の表示を変えるために、jQuery のメソッドを使用して行を設定します。次の図に示す背景色:

関連する無料学習の推奨事項:

javascript(ビデオ)

以上がvue.jsにjsプラグインをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。