网站设计方案公司,安装一个宽带多少钱,代理IP做网站,wordpress好看的友情链接页面监视属性
当被监视的属性发生变化时#xff0c;执行定义的函数 监视属性watch#xff1a; 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在#xff0c;才能进行监视#xff01;#xff01; 3.监视的两种写法#xff1a; (1).new Vue时传入…监视属性
当被监视的属性发生变化时执行定义的函数 监视属性watch 1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作 2.监视的属性必须存在才能进行监视 3.监视的两种写法 (1).new Vue时传入watch配置 (2).通过vm.$watch监视这种方式适合监视动态属性
!DOCTYPE html
htmlheadmeta charsetUTF-8 /title天气案例_监视属性/title!-- 引入Vue --script typetext/javascript src../js/vue.js/script/headbody!-- 监视属性watch1.当被监视的属性变化时, 回调函数自动调用, 进行相关操作2.监视的属性必须存在才能进行监视3.监视的两种写法(1).new Vue时传入watch配置(2).通过vm.$watch监视--!-- 准备好一个容器--div idrooth2今天天气很{{info}}/h2button clickchangeWeather切换天气/button/div/bodyscript typetext/javascriptVue.config.productionTip false //阻止 vue 在启动时生成生产提示。const vm new Vue({el:#root,data:{isHot:true,},computed:{info(){return this.isHot ? 炎热 : 凉爽}},methods: {changeWeather(){this.isHot !this.isHot}},/* watch:{isHot:{immediate:true, //初始化时让handler调用一下//handler什么时候调用当isHot发生改变时。handler(newValue,oldValue){console.log(isHot被修改了,newValue,oldValue)}}} */})vm.$watch(isHot,{immediate:true, //初始化时让handler调用一下//handler什么时候调用当isHot发生改变时。handler(newValue,oldValue){console.log(isHot被修改了,newValue,oldValue)}})/script
/html
