本文探讨了Vue.js中如何实现数据双向绑定，通过`data`定义变量`ishot`，并在`methods`中切换其状态。同时，利用`watch`对象深度监听`ishot`的变化，每当`ishot`值改变时，会触发相应的处理函数。此外，`computed`属性`info`根据`ishot`的状态返回不同的天气描述，展示了Vue.js响应式系统的应用。
vm = new Vue({
el:'#root',
data:{
ishot:"ture"
},
methods:{
changeweather(){
this.ishot = !this.ishot
}
},
watch:{
/*
ishot:{
immediate:true,
deep:true;
handler(newValue,oldValue){
...
}
}*/
ishot(newValue,oldValue){
console.log('ishot被',newValue,oldValue);
}
},
computed:{
info(){
console.log('git被调用了')
return this.ishot ? '炎热' :'寒冷'
}}
})
扫一扫
731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
