ロジックとテンプレートの緊密な結合を実現し、コンポーネントの正常な動作を保証するには、Vue の script タグをテンプレート要素 <template> の直後に置く必要があります。 Vue の script タグは、コンポーネント ロジックを記述するための重要な要素です。その配置はコンポーネントの動作に影響します。
正しい配置
script タグは、常にテンプレート要素 の内側とその直後に配置する必要があります。例:
<code class="html"><template> <div>组件内容</div> </template> <script> export default { data() { return { message: 'Hello world!' }; } }; </script></code>
配置理由
script タグをテンプレート内に配置すると、コンポーネントのロジックとテンプレートが緊密に結合されるため、コードの明瞭さと保守性が向上します。こうすることで、テンプレートが変更されると、Vue がそれを自動的に検出し、それに応じてコンポーネントのロジックを更新できます。
間違った配置<template>
コンポーネントが適切に動作しなくなる原因となるため、テンプレートの外側にスクリプト タグを配置しないでください。以下は間違った例です: <code class="html"><template>
<div>组件内容</div>
</template>
<script src="component.js"></script></code>
以上がvue の script タグはどこに配置する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。