Tùy chọn 'phương thức' Vue
Ví dụ
Sử dụng một phương thức bên trong tùy chọn methods
để chuyển đổi một tin nhắn.
export default {
data() {
return {
msg: 'Hello World!',
showMsg: false
};
},
methods: {
toggleMsg() {
this.showMsg = !this.showMsg;
}
}
};
Chạy ví dụ »Định nghĩa và cách sử dụng
Tùy chọn methods
là một đối tượng có tất cả các phương thức được khai báo trên phiên bản Vue.
Các phương thức có thể được gọi trực tiếp (không cần từ khóa this
) từ <template>
của ứng dụng Vue, chẳng hạn như khi một phương thức được thiết lập để chạy khi một sự kiện xảy ra, sử dụng lệnh v-on
.
Từ khóa this
phải được sử dụng để gọi một phương thức từ bên trong phiên bản Vue, chẳng hạn như khi một phương thức được gọi bởi một phương thức khác chẳng hạn.
Lưu ý: Nên tránh các hàm mũi tên khi khai báo các phương thức vì không thể truy cập phiên bản Vue từ bên trong hàm đó bằng từ khóa this
.
Trang liên quan
Hướng dẫn Vue: Phương thức Vue
Hướng dẫn Vue: Chỉ thị Vue v-on