Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <title>Ràng buộc hai chiều</title> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Ví dụ: Ràng buộc hai chiều</h1> <p> Thuộc tính inpText bị ràng buộc theo hai cách: Từ phần tử đầu vào đến thuộc tính Vue và từ thuộc tính Vue đến phần tử đầu vào.</p> <p>Hãy thử thay đổi trường đầu vào và xem giá trị thuộc tính Vue cập nhật như thế nào. Ngoài ra, hãy thử thay đổi giá trị thuộc tính inpText bên trong mã, nhấp vào 'Chạy' và xem giá trị của các phần tử đầu vào thay đổi như thế nào.</p> <div id="app"> <input type="text" v-model=" inpText"> <p>giá trị inpText: "{{ inpText }}" </p> </div> <SCRIPT_PLACEHOLDER_8/> <SCRIPT_PLACEHOLDER_9/> </body> </html>