绑定事件的时候：@xxx="yyy" yyy可以写一些简单的语句。
<body>
<div id="root">
<h2>今天天气很{{info}}</h2>
<button @click="changeWether">切换天气</button>
</div>
</body>
<script>
new Vue({
el:'#root',
data: {
isHost: true
},
computed:{
info(){
return this.isHost ? "炎热" : "凉爽"
}
},
methods:{
changeWether(){
this.isHost = !this.isHost //直接取反
//if判断
// if (this.isHost==true){
// this.isHost = false
// }else {
// this.isHost = true
// }
}
}
})
</script>
