7、vue.js radio的使用（此用法有些变态）

HTML 部分代码

<div id="div_id">
	<label for="">
		<span>男</span>
		<input v-if="sex == 1" @click="xuanze_sex(1)" type="radio" checked="checked" name="sex">
		<input v-if="sex == 0" @click="xuanze_sex(1)" type="radio" name="sex">
	</label>
	<label for="">
		<span>女</span>
		<input v-if="sex == 0" @click="xuanze_sex(0)" type="radio" checked="checked" name="sex">
		<input v-if="sex == 1" @click="xuanze_sex(0)" type="radio" name="sex">
	</label>
</div>

JS 部分代码

//引入vue.js
<script src="/js/vue.js"></script>
<script>
var vm= new Vue({
	el: '#div_id',
	data: {
		sex:1,
	},
	computed:{
	},
	mounted:function(){
	},
	methods: {
		xuanze_sex(sex){
			var that = this;
			that.sex = sex;
		}
	},
})
</script>

临时使用的，时间紧没有想到更好的写法，谁有更好的写法，帮忙留言告诉我一下。