js vue监听，深度监听

js vue 监听编程技术

发布日期 2023-07-17 更新日期 2023-07-17 阅读次数 123 文章字数 434

侦听功能的更通用的方法，其用来响应数据的变化，通过特定的数据变化驱动一些操作。

<template>
	<div></div>
</template>
<script>
	export default {
		data(){
			variable:null,
		},
		watch:{
			variable:{
				// 此处监听variable变量，当期有变化时执行
				handler(item1,item2){
					// item1为新值，item2为旧值
				},
				deep:true, //深度监听
				immediate:true //首次执行
			}
		}
	}
</script>

watch是一个对象，其下的每个属性为监听的值【如果是方法，则为变量名(新值，旧值)，此时为简略的一般写法，不推荐】，该对象中指定方法handler(新值，旧值)

如果需要深度，则该对象中添加一个deep属性，值为true，例如：deep:true

watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，如果想要首次执行，可加一个参数immediate属性值为true

js vue监听，深度监听

发表评论

iframe子父页面信息传递与监听

让iframe嵌入的视频自适应 （100%宽度）？

js如何避免重复监听addEventListener事件？

html浏览器当前tab标签切换时触发监听

html同一个页面有两个相同id ，如何用id选择器选中

windows下编写、编译php扩展

js es6 export，import，export default的用法和区别

vue语法v-model原理与实现

javascript-obfuscator混淆js文件

npm快速上手

nodejs引入自定义模块

entos7安装、使用nvm

原生js实现顶部进度条效果

linux给www用户【非root】安装python3

php json_encode对字符串转义用法

api接口的参数"原子"设计

javascript 判断对象是否拥有某个属性，删除某个属性

smarty中调用函数

vue2x使用clipboard复制数据

js字符串的replaceAll浏览器不兼容问题

{{item.title}}

让iframe嵌入的视频自适应（100%宽度）？