Vue.js 中的 immediate: true的作用

在使用 Vue.js 时,监听器 (watchers) 是一种非常重要的工具,它允许我们观察和响应数据的变化。

immediate: true 的作用
默认情况下,监听器只有在所监视的数据属性发生变化时才会触发回调函数。然而,有时候我们需要在组件初始化时立即执行一次回调函数,这时就可以使用 immediate: true 配置选项。

当我们在监听器中设置 immediate: true 时,即使在属性初始化时没有变化,也会立即执行一次回调函数。这样可以确保在组件创建时能够获取到数据的初始状态。

watch: {
    saveSraft: {
      handler (newVal, oldVal) {
        if (newVal === false) {
          // this.handleRecommData()
        }
      },
      immediate: true
    }
  },

 

相关推荐

  1. VueKey作用

    2024-07-15 13:14:02       17 阅读
  2. vue&react作用

    2024-07-15 13:14:02       53 阅读
  3. vuethis.$nextTick作用

    2024-07-15 13:14:02       26 阅读
  4. Vuekey作用和原理

    2024-07-15 13:14:02       76 阅读
  5. vue this.$set 作用

    2024-07-15 13:14:02       32 阅读
  6. Vue .passive 修饰符作用

    2024-07-15 13:14:02       27 阅读
  7. js()作用

    2024-07-15 13:14:02       56 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-15 13:14:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-15 13:14:02       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-15 13:14:02       58 阅读
  4. Python语言-面向对象

    2024-07-15 13:14:02       69 阅读

热门阅读

  1. pycharm打包exe

    2024-07-15 13:14:02       25 阅读
  2. ffmpeg三大命令行工具

    2024-07-15 13:14:02       20 阅读
  3. 【Python 项目】照片马赛克 - 2

    2024-07-15 13:14:02       26 阅读
  4. [k8s源码]2.CURD deployment

    2024-07-15 13:14:02       23 阅读
  5. 善的忽视、恶的纵容

    2024-07-15 13:14:02       24 阅读
  6. qt 拖拽矩形开发

    2024-07-15 13:14:02       18 阅读