FUI Guide
  • Tổng quan
    • Tại sao dùng FUI ?
  • Bắt đầu
    • Tạo một trang giao diện
  • Giao diện người dùng
    • Control
    • Bố cục trang
  • Data và khối lệnh
    • Data
    • Khối lệnh
    • Watch
  • Dự án và module
    • Dự án
    • Module
    • Gửi, nhận dữ liệu
    • Menu
    • Thêm mã nguồn
  • Các control chức năng
    • Vuetify 2 Control
    • FUI Control
      • f-button
      • f-table
    • Icons
  • Các hàm chức năng
    • Mở một cửa sổ
    • Chuyển tiếp trang (redirect)
    • Copy văn bản
Powered by GitBook
On this page
  • 1. Giới thiệu
  • 2. Cấu trúc
  1. Data và khối lệnh

Watch

1. Giới thiệu

Watch là một thành phần cấu trúc của một trang FUI dùng để theo dõi sự thay đổi của một biến, một thuộc tính của một biến, một phần tử của một mảng, hoặc một thuộc tính của một phần tử trong một mảng để thực hiện một lệnh cụ thể (ví dụ: gán lại giá trị, gọi hàm, gọi API,...)

2. Cấu trúc

{
    "data": [
        {
            "count": 0
        },
        {
            "person": {
                "name": "John",
                "age": 20
            }
        }
    ],
    "watch": {
        "count": {
            // Thực thi khối lệnh khi giá trị của biến count thay đổi
        },
        "person.age": {
            "MESS": "person.age > 18 ? 'Đủ tuổi' : 'Chưa đủ tuổi'"
        }
    }
}
PreviousKhối lệnhNextDự án

Last updated 1 year ago