<!DOCTYPE html> <html lang="zh"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <link href="../css/style.css" rel="stylesheet"> </head> <body > < div ID = "myApp" > < h1 of > form check </ h1 of > < INPUT type = "CheckBox" ID = "Biohazard. 7" value = "Biohazard. 7" V-Model = "checkedGames" > < label for = "Resident Evil 7" > Resident Evil 7 </ label > < the INPUT of the type = "the CheckBox" the above mentioned id = "flight Simulator" value = "flight Simulator" v-Model = "checkedGames"> <label for= "Flight Simulator" > Flight Simulator </ label > < INPUT type = "CheckBox" ID = "Zelda" value = "Zelda" V-Model = "checkedGames" > < label for = "Sale of legend " > the legend of Zelda </ label > < br > < the p- > your game of choice is: checkedGames {{}} </ the p- > </ div > < Script > var myApp = fenestra Vue, ({ el: ''#myApp', data: { checkedGames: [] }, methods: { }, }); </script> </body> </html>