Jawapan kepada soalan: Di mana untuk meletakkan fail js dalam perancah vue

Rangka kerja bahagian hadapan Vue.js telah menjadi pilihan pertama banyak pembangun. Dalam projek Vue.js, adalah sangat penting untuk menggunakan perancah yang baik, yang bukan sahaja menjimatkan masa pembangunan, tetapi juga meningkatkan kebolehselenggaraan dan kebolehskalaan kod. Walau bagaimanapun, dalam proses menggunakan perancah Vue.js, soalan biasa ialah: di mana untuk meletakkan fail JS?

Perkara pertama yang anda perlu fahami ialah: dalam projek Vue.js, terdapat dua jenis utama fail JavaScript: komponen Vue (fail.vue) dan fail JavaScript bebas (fail.js).

Komponen Vue ialah unit serba lengkap yang mengandungi kod HTML, CSS dan JavaScript. Perancah Vue.js mengendalikan komponen dalam bentuk fail .vue, yang terdiri daripada templat, skrip dan gaya untuk komponen Vue. Fail ini biasanya terletak dalam folder src/komponen. Setiap folder komponen Vue hendaklah mengandungi:

[name].vue

di mana [nama] boleh digantikan dengan nama komponen. Contohnya, Header.vue, Footer.vue, dsb. Setiap fail .vue hendaklah mengandungi kandungan berikut:

<template>
  <!-- HTML代码 -->
</template>

<script>
  export default{
    // JavaScript代码
  };
</script>

<style>
  /* CSS代码 */
</style>

Dalam komponen Vue, manipulasi DOM hendaklah dielakkan sebanyak mungkin dan semua kod JavaScript hendaklah dihadkan kepada skop komponen semasa.

Komponen Vue mentakrifkan kandungan HTML melalui teg