Vue表单绑定（单选按钮，选择框（单选时，多选时,用 v-for 渲染的动态选项）

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>Vue表单绑定（单选按钮，选择框（单选时，多选时）</title>
   </head>
   <body>
       
       <div >请选择</option>
               <option>A</option>
               <option>B</option>
               <option>C</option>
           </select>
           <p>所选择：{{select}}</p>
       </div>

<div
               }
           });

//用 v-for 渲染的动态选项
           var app2 = new Vue({
               el: "#app2",
               data: {
                   select: '1',
                   list: [{
                           id: 1,
                           name: 'A'
                       },
                       {
                           id: 2,
                           name: 'B'
                       },
                       {
                           id: 3,
                           name: 'C'
                       }
                   ],
               }
           })

       </script>
   </body>
</html>

选择框（多选时）：只需要把select:[] 即可,并且添加multiple；