VUE -- vue.js中$watch的用法示例
2017-11-08 15:14
741 查看
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>
相关文章推荐
- Vue.js中关于侦听器(watch)的高级用法示例
- vue.js中$watch的用法示例
- VueJs探索之watch用法详解
- Vue.js的computed和watch用法及区别
- vue之mapMutaions的使用 && vuex中 action 用法示例 && api.js的使用
- VueJs $watch()方法总结!!
- Vue.js——详细用法(下篇)
- vue.js项目 el-input 组件 监听回车键实现搜索功能示例
- vue中使用heatmapjs的示例代码(结合百度地图)
- 详解 vue.js用法和特性
- angular.js和vue.js中实现函数去抖示例(debounce)
- Vuejs全家桶系列(一)--- 基本用法
- JS+HTML5 FileReader对象用法示例
- 在vue.js中抽出公共代码的方法示例
- vue.js中父组件调用子组件的内部方法示例
- vue.js展示AJAX数据简单示例
- Vue.js 学习示例
- jquery.validate.min.js 用法方法示例
- vue.js实现的绑定class操作示例
- jquery.linq.min.js 用法示例