vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue watch immediate方法

vue watch immediate方法用法详解

作者:盘思动

这篇文章主要介绍了vue watch immediate方法用法详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

watch immediate 属性用法简单demo

<template>
  <div>
    <p>当前计数: {{ count }}</p>
    <p>计数变化次数: {{ times }}</p>
    <button @click="increment">增加计数</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      count: 0,
      times: 0
    };
  },
  watch: {
    count: {    // 监听 count 属性变化并立即执行回调函数
      handler(newValue, oldValue) {
        console.log(`count 值从 ${oldValue} 变为 ${newValue}`);
        this.times++;
      },
      immediate: true // 页面初始化,立即执行一次回调函数!!!
    }
  },
  methods: {
    increment() {
      this.count++;
    }
  }
};
</script>

到此这篇关于vue watch immediate方法用法详解的文章就介绍到这了,更多相关vue watch immediate方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文