<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <script src="../JS/vue.js"></script> <body> <div id="app"> <label v-for="item in orhobby"> <input type="checkbox" :value="item" id="item" v-model="hobbies">{{item}} </label> <br> 以下為選中的數據 {{hobbies}} <br> <input type="text" v-model.lazy="username"> 以下為 type="text"的數據 {{username}} </div> <script> const app =new Vue({ el:"#app", //掛載那個元素 data:{ messagqe:"胡雞雞", name:"hujiji", orhobby:["攬投","足球","乒乓球","羽毛球"], hobbies:[], username:''}, methods:{ } }) </script> </body> </html>
