首页 > 其他分享 >vue2 计算属性9 watch immediate

vue2 计算属性9 watch immediate

时间:2022-11-22 10:58:59浏览次数:50  
标签:username watch immediate newVal oldVal vue2 格式

watch:监听数据发生的变化

 

newVal是变化后的新值,oldVal是变化前的旧值

 一般都是带着接口查询的


watch:{

username(newVal){
  if(newVal==='')return
  $get('https://www.escook.cn/api/finduser/'+ newVal,(res)=>{
  console.log(res)

}
)
 }
}

  

 

 

 函数形式侦听器不会自动触发,所以需要改造成对象格式的

 

对象格式的格式:

  

data:{
  username:'admin',  
}


watch:{
username:{
   handler(newVal,oldVal)=>{
console.log(newVal,oldVal)
},
//false是默认值immediate的作用是自动触发监听器
immediate:true;
}
}

  

标签:username,watch,immediate,newVal,oldVal,vue2,格式
From: https://www.cnblogs.com/wencaiguagua/p/16912003.html

相关文章

  • vue2-vm.$set,vm.$delete实现(三)
    vm.$set实现语法:vm.$set(target,key,value)参数:{Object|Array}target{String|Number}key{any}value返回值:{Function}unwatch用法:在object上设置一个属......
  • Vue3笔记 - Vue3中的计算属性、监视属性和watchEffect函数
    计算属性与监视属性目录计算属性与监视属性1.计算属性2.监视属性3.watchEffect函数1.计算属性Vue3中的计算属性仅在书写方式上与Vue2略有不同,功能上基本一致Vue2......
  • vue2 过滤器8 私有过滤器 全局过滤器
    过滤器vue3已经去掉了   过滤器函数必须要定义到filters函数下,过滤器本质是也是一个函数,必须要return出去过滤器需有返回值val形参是前面的值 上述过滤器属于......
  • ue3中的watch的用法
    watch函数收三个参数:需要进行监听的数据的数组,监听的数据发生改变时的回调配置项一、监听基础类型二、监听复杂类型复杂类型的监听有很多种情况,具体的内容如......
  • 使用Stopwatch统计程序执行时间
    编程时,常常需要统计某段程序执行的时长,可以使用以下方法:Stopwatchsw=Stopwatch.StartNew();sw.Start();//需要执行的程序片段sw.Stop();Console.WriteLine("运行时......
  • vue2 条件渲染指令4 v-if v-else v-show
    v-if:每一次都会动态创建或移除删除元素,达到隐藏效果如果刚进入页面时,某些页面不需要被展示时使用<pv-if="vue">v-if</p>data:{vue:false} ......
  • vue2 双向绑定3 v-model 及专用修饰符 .number .trizy .lazy
    v-model:在不操控dom的时候,快速获取表单内的数据,双向绑定,更改input框的时候,data值也会随之改变    修饰符:.number将输入值转为number类型......
  • Vue笔记 - 计算属性(computed)和监视属性(watch)
    计算属性和监视属性目录计算属性和监视属性1.计算属性2.监视属性2.1深度监视3.computed和watch对比1.计算属性定义:使用的属性起初并不存在,要通过已有属性计算得......
  • Vue3笔记 - 浅析Vue2和Vue3响应式原理及两者差异
    浅析Vue2和Vue3响应式原理及两者差异目录浅析Vue2和Vue3响应式原理及两者差异vue2的响应式vue2中为数据添加响应式模拟Vue2实现响应式原理vue3的响应式vue3中为数据添加响......
  • vue3和vue2的区别
    1、vue3完全支持typescript,提高项目的可维护性2、Fragment:模板更简单。vue3用到了一个虚拟的父级,可以多个根节点domvue2只能有一个父级节点3、vue2用newVue();vu......