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
Mẫu
Nội dung cheat sheet này
- Cú pháp Template
- Reactivity
- Computed & Watchers
- Components
- Props & Events
- Slots
- Composition API
- Router (Vue Router)
- Lifecycle Hooks
- Danh sách & Điều kiện
- Xử lý Form
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 / :attr | Gắn thuộc tính vào biểu thức |
v-on:event / @event | Gắn trình lắng nghe sự kiện |
v-model | Binding hai chiều (form) |
v-if / v-else-if / v-else | Render có điều kiện |
v-show | Bật/tắt display CSS (vẫn giữ trong DOM) |
v-for | Render danh sách |
v-slot / #name | Nộ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 PDFTải xuống
Chọn dạng phù hợp với cách bạn đọc
-
Được đề xuất
Tiêu chuẩn
Đen trắng, tiết kiệm mực. Mặc định cho máy in laser và photocopy
Phù hợp nhất cho Bản in và tài liệu tham khảo trên bàn
-
Màu sắc
Điểm nhấn màu ấm cho đọc trên màn hình hoặc máy in màu
Phù hợp nhất cho Đọc trên màn hình hoặc máy in màu
-
Thẻ tham khảo
Mật độ tối đa, bố cục 4 cột. Tất cả trên một trang
Phù hợp nhất cho Quét nhanh và dùng ít giấy nhất
