vue中使用v-model綁定單選按鈕不能實現選中樣式

最近做一個vue項目，用到了單選按鈕組

<input type="radio" name="sex" value="male" /> Male
<input type="radio" name="sex" value="female" /> Female

綁定之後爲

<input type="radio" name="sex" value="male" v-model="sex"/> Male
<input type="radio" name="sex" value="female" v-model="sex"/> Female

發現點擊單選按鈕，"sex"可以正常切換，但是樣式卻沒有跟着改變，只有點擊兩次後樣式纔可以顯示出選中。
解決：
發現正確寫法爲

<input type="radio" value="male" v-model="sex"/> Male
<input type="radio" value="female" v-model="sex"/> Female

去掉name後可以正確實現。
查閱資料發現，v-model 會忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實例的數據作爲數據來源。