Framework

Tham Khảo Nhanh Vue.js

Cheat sheet sẵn sàng để in cho Tham Khảo Nhanh Vue.js, được sắp xếp để tra nhanh, học tập và dùng cạnh bàn làm việc

Nguồn
Vue.js Documentation (vuejs.org)
Giấy phép
MIT
Phiên bản
3 tùy chọn tải xuống
Cập nhật
2026-03-27

Mẫu

Nội dung cheat sheet này

Văn bản & Biểu thức

<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>

Directives

{{ expr }}Nội suy văn bản
v-bind:attr / :attrGắn thuộc tính vào biểu thức
v-on:event / @eventGắn trình lắng nghe sự kiện
v-modelBinding hai chiều (form)
v-if / v-else-if / v-elseRender có điều kiện
v-showBật/tắt display CSS (vẫn giữ trong DOM)
v-forRender danh sách
v-slot / #nameNội dung slot có tên

Binding thuộc tính

<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>

Tải cheat sheet đầy đủ với tất cả các phần, sẵn sàng để in

Tải PDF

Tải xuống

Chọn dạng phù hợp với cách bạn đọc

Định dạng văn bản

Sao chép hoặc tải xuống dưới dạng văn bản thuần

Tải Markdown

Phù hợp để sao chép lệnh, đoạn mã và cấu hình vào ghi chú, prompt hoặc tài liệu

Tải Markdown

Xem trước

Bản xem trước web dùng để duyệt nhanh. PDF vẫn là bản in chính thức

Mở trong trình duyệt