Komponen vue terdiri daripada beberapa bahagian

Komponen vue terdiri daripada 3 bahagian: 1. templat, yang menetapkan struktur templat komponen; 2. skrip, yang menetapkan gelagat JavaScript komponen; 3. yang menetapkan gaya komponen. Setiap komponen mesti mengandungi struktur templat templat dan tingkah laku dan gaya skrip ialah komponen pilihan "

Vue ialah rangka kerja yang menyokong pembangunan komponen sepenuhnya Nama akhiran komponen yang dinyatakan dalam vue. vue. Fail App.vue pada asasnya ialah komponen vue Setiap komponen .vue terdiri daripada 3 bahagian, iaitu:

komponen Templat struktur

• skrip -> Tingkah laku JavaScript komponen

• gaya -> ; Gaya komponen

• Antaranya, setiap komponen mesti mengandungi struktur templat templat, dan tingkah laku dan gaya skrip adalah komponen pilihan yang ditentukan oleh vue: struktur templat yang sepadan dengan setiap komponen perlu ditakrifkan dalam nod > dalam templat Dalam nod komponen, sintaks arahan yang dipelajari sebelum ini disokong untuk membantu pembangun dalam menghasilkan struktur DOM bagi komponen semasa 🎜>

Tentukan nod akar dalam templat

<template>
<!-- 当前组件的DOM结构，需要定义到template 标签的内部
</ template>

Dalam versi vue 2.x, struktur DOM dalam < templat> nod hanya menyokong satu nod akar:

Walau bagaimanapun, dalam versi vue 3.x,