Component#

Component là một tệp giao diện đặt trong thư mục components/ của bộ giao diện, dùng lại được ở nhiều trang bằng thẻ {% include %}:

{% include 'components/product_item' %}

Khác với slot, component không nhận biến riêng từ máy chủ. Nó đọc biến đang có sẵn trong phạm vi tại chỗ chèn — thường là biến của một vòng lặp {% for %}. Vì vậy mỗi component có một hợp đồng đầu vào: danh sách biến phải tồn tại trước khi chèn.

Trang của từng component ghi rõ hợp đồng đó, kèm mã đầy đủ sẵn sàng chép.