vue中immediate

作者：一抹淡影发布日期:2026-06-09 浏览:94

// 在 Vue 中，`immediate` 是 `watch` 选项中的一个属性，它可以让监听器在初始化时立即执行一次。
// 下面是一个简单的示例代码，展示了如何使用 `immediate`。

new Vue({
  el: '#app',
  data() {
    return {
      message: 'Hello Vue!'
    }
  },
  watch: {
    message: {
      immediate: true, // 这里设置了 immediate 为 true
      handler(newValue, oldValue) {
        console.log('Message changed from', oldValue, 'to', newValue);
      }
    }
  }
});

// 解释：
// 当组件实例创建时，`message` 的值会被立即传递给 `handler` 函数，
// 因此你会看到控制台输出 "Message changed from undefined to Hello Vue!"。
// 如果没有设置 `immediate: true`，则只有当 `message` 发生变化时才会触发 `handler`。

上一篇：vue html

下一篇：vue3 引入组件