vue复选框获取值的补充

要通过vue的v-model获取选中复选框的值，可以用遍历对象的方式获取，代码如下：

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title></title>
     <script src="../js/vue2.js"></script>
     <script src="../js/vue-resource.js"></script>
 </head>
 <body>
     <div id="app">
         <input type="checkbox" v-model="person.jack" value="jack" id="Jack" /><label for="Jack">jack</label>
         <input type="checkbox" v-model="person.bob" value="bob" id="Bob" /><label for="Bob">bob</label>
         <input type="checkbox" v-model="person.alice" value="alice" id="Alice" /><label for="Alice">alice</label>
         <p>已选：{{person}}</p>
         <div><button @click="show">显示</button></div>
         <p>结果：{{result.toString()}}</p>
     </div>

     <script>

         var app = new Vue({
             el: '#app',
             data: {
                 person: { jack: true, bob: true, alice: false },
                 result:[]//获取选中后的checkbox的数组值
             },
             methods: {
                 show: function () {
                     this.result = [];
                     for (var i in this.person) {
                         if (this.person[i] == true) {
                             this.result.push(i);
                         }
                     }
                 },
             },
         });
     </script>
 </body>
 </html>