zoukankan      html  css  js  c++  java
  • vue之watch用法

    对应一个对象,键是观察表达式,值是对应回调。值也可以是方法名,或者是对象,包含选项。在实例化时为每个键调用 $watch();

    vue单文件组件写法:
    <
    template>    <!--观察数据为字符串或数组-->    <input v-model="example0"/>    <input v-model="example1"/>    <!--当单观察数据examples2为对象时,如果键值发生变化,为了监听到数据变化,需要添加deep:true参数-->    <input v-model="example2.inner0"/> </template> <script>    export default {       data(){         return {           example0:"",           example1:"",           example2:{             inner0:1,             innner1:2           }         }       },       watch:{         example0(curVal,oldVal){           console.log(curVal,oldVal);         },         example1:'a'//值可以为methods的方法名         example2:{          //注意:当观察的数据为对象或数组时,curVal和oldVal是相等的,因为这两个形参指向的是同一个数据对象           handler(curVal,oldVal){             conosle.log(curVal,oldVal)           },           deep:true         }       },       methods:{         a(curVal,oldVal){           conosle.log(curVal,oldVal)         }       } } </script>
  • 相关阅读:
    Jmeter — 服务端监控工具:nmon
    JMeter — 使用ServerAgent 监控服务器资源
    Jmeter — 跨线程组传递参数
    Jmeter — 使用jp@gc
    Jmeter — 使用 jp@gc-Stepping Thread Group插件来设置负载场景
    Jmeter-使用jdbc发送sql & 配置JDBC Connection Configuration & JDBC Request的使用
    Jmeter-安装JSON Path Extractor插件
    Jmeter-环境搭建
    jdk-安装与环境变量配置
    收藏的一些关于测试的网址
  • 原文地址:https://www.cnblogs.com/Nightsky-Dec/p/6215042.html
Copyright © 2011-2022 走看看