Vue v-memo Chỉ thị
Ví dụ
Sử dụng lệnh v-memo
để chỉ hiển thị lại khi giá trị thuộc tính updateProp
thay đổi.
<div
v-for="x in circle"
:style="{ backgroundColor: x.color }"
v-memo="[updateProp]"
></div>
Chạy ví dụ »Định nghĩa và cách sử dụng
Lệnh v-memo
được sử dụng để tối ưu hóa hiệu suất trong Vue.
Để tối ưu hóa hiệu suất, v-memo
được sử dụng cùng với một mảng thuộc tính và v-memo
sẽ giữ lại việc hiển thị lại một phần tử và bất kỳ phần tử con phụ nào cho đến khi một trong các thuộc tính này thay đổi.
Việc tối ưu hóa hiệu suất với v-memo
chỉ có ý nghĩa trong một số trường hợp hiếm hoi, ví dụ như khi làm việc với các danh sách lớn được tạo bằng v-for
.
Nếu mảng được cung cấp với v-memo
trống, như tis: v-memo="[]"
, bạn sẽ có chức năng tương tự như với v-once
.
Trang liên quan
Hướng dẫn Vue: Chỉ thị Vue v-for
Hướng dẫn Vue: Chỉ thị Vue v-bind
Hướng dẫn Vue: Liên kết CSS Vue
Tham khảo Vue: Chỉ thị Vue v-for
Tham khảo Vue: Chỉ thị Vue v-once
Tham khảo JavaScript: Window setTimeout()