vue 监听器 基础功能介绍

本文主要介绍了Vue.js中监听器的基础功能,包括如何使用watcher进行数据监听,深入理解其工作原理,以及在实际开发中如何有效利用监听器实现响应式更新和复杂逻辑处理。
摘要由CSDN通过智能技术生成
<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 是改变前的值
                            //如果想要监听数组或者对象的变化需要开启深度监听
                 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值