国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue.js中$watch的用法示例

2019-11-20 08:49:35
字體:
來源:轉載
供稿:網友

前言

vue.js是一個數據驅動的web界面庫。Vue.js只聚焦于視圖層,可以很容易的和其他庫整合。代碼壓縮后只有24kb

Vue.js 提供了一個方法 watch,它用于觀察Vue實例上的數據變動。對應一個對象,鍵是觀察表達式,值是對應回調。值也可以是方法名,或者是對象,包含選項。

在實例化時為每個鍵調用 $watch() ;

<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>

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問的大家可以留言交流。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 五台县| 沛县| 五大连池市| 桃园市| 明溪县| 方山县| 盐源县| 林芝县| 大城县| 西平县| 花莲市| 宜兴市| 华容县| 共和县| 武川县| 柏乡县| 博湖县| 平遥县| 吉林省| 辽源市| 平罗县| 拜泉县| 轮台县| 沙坪坝区| 镇安县| 盐亭县| 新民市| 武川县| 韶关市| 神池县| 辉南县| 湖口县| 郁南县| 开鲁县| 灯塔市| 梨树县| 崇信县| 肇庆市| 舞钢市| 葫芦岛市| 泾源县|