vue の script タグはどこに配置する必要がありますか?

下次还敢
リリース: 2024-05-09 18:42:16
オリジナル
846 人が閲覧しました

ロジックとテンプレートの緊密な結合を実現し、コンポーネントの正常な動作を保証するには、Vue の script タグをテンプレート要素 <template> の直後に置く必要があります。 Vue の script タグは、コンポーネント ロジックを記述するための重要な要素です。その配置はコンポーネントの動作に影響します。

正しい配置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 はコンポーネント ロジックをテンプレートに関連付けることができません。

以上がvue の script タグはどこに配置する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート