Cấu trúc thành phần Vue

Mỗi thành phần phải bao gồm hai thẻ sau:

App.vue<script>

</script>
<template>

</template>

Trong thẻ template, bạn nên viết phần đánh dấu, tức là giao diện của thành phần chúng ta:

App.vue<template>
  <div>
    Hello World
  </div>
</template>

Còn trong thẻ script thì nên viết mã JavaScript của thành phần chúng ta. Mã này phải là một đối tượng sẽ được xuất ra từ tệp thành phần của chúng ta:

App.vue<script>
  export default {

  }
</script>

Trong đối tượng được xuất, các cài đặt và hàm khác nhau của thành phần được chỉ định. Một trong những cài đặt đó là tên của thành phần này:

App.vueexport default {
  name: 'App',
}