<body>
<div id="app">
<input type="text" v-model="number">
<div>
<!--引入js文件-->
<script src="vue文件">
<script>
let vm = new Vue({
el:"#app",
watch:{
/*
监听器:
目的是为了监听data里面的某个数值的变化而来的,
写法:
第一种:
属性值(n,o){
//形参n 是指的改变后的值,形参o 是改变后的值
//如果监听的数据是对象或者数组的时候,这种方式是监听不到变化的
//需要开始深度监听 deep:true
}
第二种:
属性值:{
handler(n,o){
//每次监听的数据的变化,都会触发handler方法
//形参n 是指的改变后的值 形参o 是改变前的值
//如果想要监听数组或者对象的变化需要开启深度监听
vue 监听器 基础功能介绍
最新推荐文章于 2024-10-07 11:36:03 发布
本文主要介绍了Vue.js中监听器的基础功能,包括如何使用watcher进行数据监听,深入理解其工作原理,以及在实际开发中如何有效利用监听器实现响应式更新和复杂逻辑处理。
摘要由CSDN通过智能技术生成