Làm việc với các thành phần trong Vue

Nếu chúng ta nhìn vào một trang web bất kỳ, có thể phân biệt trên đó một số khối: header, nội dung, sidebar, footer.

Khi tạo một trang web bằng Vue, chúng ta cũng có thể sử dụng các khối độc lập như vậy. Chúng sẽ cho phép chúng ta tổ chức mã tốt hơn và giúp việc bảo trì sau này dễ dàng hơn.

Trong Vue, các khối như vậy được gọi là các thành phần. Trong các ứng dụng lớn, việc phân chia thành các thành phần trở thành điều kiện bắt buộc để duy trì khả năng quản lý của quá trình phát triển.

Các thành phần được khuyến nghị đặt trong thư mục components. Mỗi thành phần trong một tệp riêng biệt dưới dạng mô-đun ES6.