VueのTSにJSを導入する方法

JavaScript を Vue に導入する方法: 外部スクリプトを導入します: を使用します。 ブロックを使用する: 小さいスニペットの場合は、 を使用して直接コードを記述します。 webpack を使用する: vue-loader と webpack-cli をインストールし、vue ローダーを設定し、import を使用して Vue コンポーネントに導入します。

Vue に JavaScript を導入する方法

Vue に JavaScript を導入するには、タイプと種類に応じてさまざまな方法があります。 JavaScript コードの場所。

外部スクリプトの導入

外部 JavaScript スクリプトを導入するには、 タグを使用できます:

ブロックを使用します

小さな JavaScript スニペットの場合は、 ブロックを使用できます:

// 此处放置你的 JavaScript 代码 webpack を使用する

webpack を使用して Vue プロジェクトを構築する場合、次の方法で JavaScript を導入できます:

インストール vue-loader および webpack-cli : npm install vue-loader webpack-cli --save-dev webpack.config.js ファイルで、 vue## を構成します# ローダー: // webpack.config.js module.exports = { module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, // 添加以下规则来处理 JavaScript 文件 { test: /\.js$/, loader: 'babel-loader' } ] } }; Vue コンポーネントで、 import ステートメントを使用して JavaScript ファイルを導入します: // MyComponent.vue import myScript from './my-script.js';

export default { data() { return { // 使用引入的 JavaScript 代码 myScript }; } }; Notes

JavaScript ファイルが Vue コンポーネントと同じディレクトリにあることを確認してください。 インポートされた JavaScript コードを使用する前に、それが正しくロードされていることを確認してください。 問題が発生した場合は、コンソールでエラー メッセージを確認してください。