Di manakah teg skrip dalam vue harus diletakkan?

Teg skrip dalam Vue hendaklah serta-merta mengikut elemen templat untuk mencapai gandingan logik dan templat yang ketat dan memastikan operasi biasa komponen. Teg skrip dalam Vue ialah elemen penting untuk menulis logik komponen. Peletakannya mempengaruhi cara komponen itu berkelakuan.

Peletakan yang betul

teg skrip hendaklah sentiasa diletakkan di dalam elemen templat dan sejurus selepasnya. Contohnya:

<code class="html"><template>
  <div>组件内容</div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello world!'
    };
  }
};
</script></code>

Sebab penempatan

Meletakkan teg skrip di dalam templat memastikan logik komponen dan templat digandingkan rapat, sekali gus meningkatkan kejelasan dan kebolehselenggaraan kod. Dengan cara ini, apabila templat berubah, Vue boleh mengesannya secara automatik dan mengemas kini logik komponen dengan sewajarnya.

Penempatan yang salah<template>

Elakkan meletakkan tag skrip di luar templat kerana ini akan menyebabkan komponen tidak berfungsi dengan baik. Berikut ialah contoh yang salah:

<code class="html"><template>
  <div>组件内容</div>
</template>

<script src="component.js"></script></code>

Dalam contoh di atas, fail skrip luaran tidak mempunyai pergantungan pada elemen templat, menyebabkan Vue tidak dapat mengaitkan logik komponen dengan templat.

Atas ialah kandungan terperinci Di manakah teg skrip dalam vue harus diletakkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!