JavaScript コードは通常、Vue.js の <script> タグ内に配置されますが、外部の JavaScript ファイルまたは .vue ファイルに配置することもできます。 Vue 3 以降では、setup() 関数への JavaScript ロジックの配置がサポートされています。他の配置場所には、ミックスイン、プラグイン、グローバル インストールなどがあります。 </script>
Vue.js の JavaScript コードの場所
Vue.js では、通常、JavaScript コードは Location の下に配置されます。 :
1. <script></script> タグ
これは、コンポーネントに JavaScript コードを配置する最も一般的な方法です。以下に示すように、<script></script> タグは <template></template> タグの後に配置する必要があります:
<template>
<!-- HTML 模板 -->
</template>
<script>
export default {
// 组件选项
data() {
return {
// 数据
}
},
methods: {
// 方法
}
}
</script>2. 外部 JavaScript ファイル
コンポーネントが大規模または複雑な場合は、JavaScript コードを別の外部ファイルに配置した方が便利な場合があります。以下に示すように、外部ファイルは src 属性を使用して <script></script> タグにインポートできます:
<script src="./my-component.js"></script>
3。 ファイル
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
メモ帳++7.3.1
使いやすく無料のコードエディター
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
ホットトピック
7444
15137152