vue侦听器watch()

侦听器watch()

侦听器侦听数据变化,我们可以使用watch 选项在每次响应式属性变化时触发一个函数。

<template>
    <h3>侦听器watch</h3>
    <hr>
<p>{{nessage}}</p>
<button @click="exchage">点击</button>
    </template>
    <script>
     export default {
    data(){
        return{
       nessage:"前端",
        }
    },
    methods:{
        exchage(){

  this.nessage="后端"
        }
    },

    //侦听器
    //watch:监听数据的变化,当数据发生变化时,会自动执行对应的函数
    //newVal:新的值
    //oldVal:旧的值
    watch:{
        nessage(newVal,oldVal){
        //当数据发生变化时,会自动执行对应的函数
            console.log(newVal,oldVal)
        }
    }
    }

    </script>
    <style scoped>
    .active{
        color:red;
    }
    </style>

watch:监听数据的变化,当数据发生变化时,会自动执行对应的函数
newVal:新的值
oldVal:旧的值
函数名必须与侦听器的数据对象名保持一致
运行结果:
在这里插入图片描述

相关推荐

  1. Vue3 watch侦听器

    2024-07-11 00:22:04       24 阅读
  2. Vue侦听器Watch)深度分析

    2024-07-11 00:22:04       23 阅读
  3. vue3从精通到入门10:侦听器watch

    2024-07-11 00:22:04       17 阅读

最近更新

  1. easyExcel

    easyExcel

    2024-07-11 00:22:04      0 阅读
  2. 什么是等保测评

    2024-07-11 00:22:04       0 阅读
  3. acml可用订阅到起始位姿

    2024-07-11 00:22:04       0 阅读
  4. Windows 12 网页版

    2024-07-11 00:22:04       0 阅读
  5. 网络融合的艺术:Xcode中应用Web服务集成全指南

    2024-07-11 00:22:04       0 阅读
  6. 提示工程的技术与策略分类

    2024-07-11 00:22:04       0 阅读
  7. css font 优化

    2024-07-11 00:22:04       0 阅读
  8. 基于深度学习的金融交易

    2024-07-11 00:22:04       0 阅读
  9. MATLAB中balance函数用法

    2024-07-11 00:22:04       0 阅读
  10. 栈和队列之间有哪些区别

    2024-07-11 00:22:04       0 阅读
  11. python 爬虫技术 第04节 函数和模块

    2024-07-11 00:22:04       0 阅读
  12. 打造安全堡垒:Xcode应用权限管理全解析

    2024-07-11 00:22:04       0 阅读

热门阅读

  1. vue详解

    vue详解

    2024-07-11 00:22:04      7 阅读
  2. 深度学习与浅层学习:技术变革下的竞争态势

    2024-07-11 00:22:04       10 阅读
  3. 大数据面试题之ElasticSearch(1)

    2024-07-11 00:22:04       6 阅读
  4. 基于深度学习的异常行为检测

    2024-07-11 00:22:04       5 阅读
  5. 深入解析 MySQL 的 SHOW FULL PROCESSLIST

    2024-07-11 00:22:04       5 阅读
  6. 使用conda安装openturns

    2024-07-11 00:22:04       6 阅读
  7. c++的constexpr和constvalue的区别

    2024-07-11 00:22:04       6 阅读
  8. LASA数据集

    2024-07-11 00:22:04       9 阅读
  9. MySQL 条件函数/加密函数/转换函数

    2024-07-11 00:22:04       9 阅读
  10. Unity Addressable魔改

    2024-07-11 00:22:04       5 阅读
  11. Android关闭SLinux

    2024-07-11 00:22:04       7 阅读