Tùy chọn 'dữ liệu' Vue
Ví dụ
Sử dụng thuộc tính dữ liệu bên trong tùy chọn data
để giữ tin nhắn.
export default {
data() {
return {
msg: 'Hello World!'
};
}
};
Chạy Ví dụ »Định nghĩa và cách sử dụng
Tùy chọn data
là một hàm trả về một đối tượng có tất cả các thuộc tính dữ liệu bên trong.
Đối tượng được hàm data
trả về có thể được truy cập bằng this.$data
và một thuộc tính dữ liệu cụ thể 'count' có thể được truy cập bằng this.$data.count
hoặc đơn giản là this.count
.
Các thuộc tính dữ liệu có tên bắt đầu bằng $
hoặc _
phải được truy cập thông qua this.$data
, chúng không thể được truy cập bằng cách khác.
Có thể thêm các thuộc tính dữ liệu mới sau khi ứng dụng bắt đầu chạy bằng cách sử dụng this.$data
, nhưng điều đó không được khuyến khích.
Trang liên quan
Hướng dẫn Vue: Giới thiệu Vue
Tham chiếu Vue: Đối tượng dữ liệu Vue $