<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <label for="man">男</label> <!--两个中有相同的变量则可以实现互斥--> <input type="radio" id="man" v-radio="" name="sex" value="男" v-model="sex"><!--将value值进行绑定--> <label for="feman">女</label> <input type="radio" id="feman" v-radio="" name="sex" value="女" v-model="sex"> {{sex}} </div><script src="vue.js"></script><script> const app=new Vue({ el:'#app', data:{ message:'hihi', sex:'女' }, methods:{ // valuechange(event){ // this.message=event.target.value; // } } })</script></body></html>
来源：https://www.cnblogs.com/Damocless/p/11912333.html