<! DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, <meta http-equiv=" x-UA-compatible "content="ie=edge"> <title src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div class="app"> <! - data binding - > {{MSG}}, {{arr}} - {{age}} - {{users}} <! <input type="text" V-model ="name"> <select V-model ="tag"> <option value="01">01</option> <option value="02">02</option> </select> <input type="checkbox" value="01" v-model="test"> <input type="checkbox" value="02" V - model = "test" > {{name}} - {{tag}} - {{test}} < / div > < script > var = new vm Vue ({el: 'app', / / specified associated element data: {/ / store data MSG: 'Hello World', arr: [1, 2, 3], the age: 21, users: {id: 12, name: 'chou-heung}, name: "', test: ' ', the tag: '01'}}); </script> </body> </html>Copy the code