用vuejs设置单选表单选项的这段代码为何无效?

上代码:

html

    <div id='radio'>
        <input type="radio" name="picked" value="1" v-model="gender">男
        <input type="radio" name="picked" value="2" v-model="gender">女
    </div>

js

    var radio=new Vue({
        el:"radio",
        data:{
            gender:'1'
        }
    })

就这段代码，value为1的gender并没有在初始化时被选中，单击选中之后，控制台打出的data也没有这个数据，求熟悉vue的同学拍砖

---

el:"radio" 选择器写错了 应该是 el:"#radio"