Font size
WorksheetsQuizziz Vue.js
Total questions: 18
Worksheet time: 10mins
Cú pháp cài đặt dự án Vue.js là gì?
npm install vue@latest
npm i vue@latest
npm create vue@latest
npm create next@latest
Chỉ thị nào sau đây được sử dụng để lắng nghe sự kiện trong Vue.js?
v-bind:Event_name
v-on:Event_nam
@Event_name
onEvent_name
Chỉ thị nào sau đây được sử dụng để Binding property cho một phần tử trong Component của Vue.js?
v-on:Property
v-bind:Property
:Property
@Property
Vue.js là gì?
Một thư viện CSS
Một framework back-end
Một framework front-end
Một ứng dụng quản lý dữ liệu
Cách nào đúng để binding một thuộc tính title vào một thẻ h1 trong Vue?
<h1 :title="message"></h1>
<h1 v-bind="message"></h1>
<h1 v-title="message"></h1>
<h1 bind="message"></h1>
Cách sử dụng sự kiện keyup với phím Enter?
@keyup="onEnter"
@keyup.enter="onEnter"
@enter="onEnter"
D. v-on:enter="onEnter"
Cách nào để truyền tham số vào một hàm trong sự kiện click?
@click="method($event)"
@click="method()"
@click="method(param)"
@click="method"
ref trong Vue.js (Composition API) được dùng để làm gì?
Truy cập phần tử DOM
Tạo một biến phản ứng
Định nghĩa computed property
Theo dõi sự thay đổi của component
Cú pháp nào đúng để khai báo một biến reactive với ref trong Composition API?
const count = reactive(0);
const count = ref(0);
const count = refs(0);
let count = reactives(0);
Cú pháp nào tạo một đối tượng reactive trong Composition API?
computed()
reactive()
watch()
ref()
Đối tượng reactive trong Vue có đặc điểm gì?
Tự động phản ứng với sự thay đổi và cập nhật giao diện
Không thể thay đổi được
Không tương thích với dữ liệu phức tạp
Chỉ có thể thay đổi thủ công bằng cách reload
Trong Vue.js, đối tượng reactive khác với ref như thế nào?
reactive dùng để theo dõi sự thay đổi của dữ liệu, ref không làm được điều đó.
reactive dành cho các kiểu dữ liệu nguyên thủy, ref dành cho đối tượng
reactive chỉ dành cho mảng và đối tượng, ref dành cho mọi loại dữ liệu
reactive chỉ dành cho sự kiện, còn ref cho binding dữ liệu
Computed property trong Vue.js được dùng để làm gì?
Xử lý dữ liệu không cần cập nhật khi dữ liệu thay đổi
Xử lý dữ liệu có phụ thuộc vào các thay đổi của dữ liệu khác
Theo dõi các thay đổi dữ liệu nhưng không phản hồi giao diện
Gọi API trong phương thức mounted
Cách khai báo computed property trong Composition API?
computed(() => {...})
ref(() => {...})
reactive(() => {...})
computedProperty(() => {...})
Watchers trong Vue.js được dùng để làm gì?
Xử lý sự kiện giao diện
Theo dõi sự thay đổi của các reactive properties hoặc computed properties
Kết hợp các phương thức tính toán với computed
Gọi các API khi trang tải lần đầu
Directive nào được sử dụng để hiển thị một phần tử chỉ khi điều kiện đúng?
v-show
v-if
v-bind
v-for
Khác biệt chính giữa v-if và v-show là gì?
v-show loại bỏ phần tử khỏi DOM, v-if chỉ thay đổi thuộc tính display
v-if loại bỏ phần tử khỏi DOM, v-show chỉ thay đổi thuộc tính display
Cả hai đều không thay đổi DOM
Không có sự khác biệt
Directive nào được sử dụng để lặp qua một danh sách và render các phần tử?
v-bind
v-if
v-show
v-for
