Cấu trúc thành phần Vue
Mỗi thành phần phải bao gồm hai thẻ sau:
<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:
<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:
<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:
export default {
name: 'App',
}
Trong thẻ template của thành phần bạn,
hãy xuất một văn bản nào đó cùng với các thẻ.
