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

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

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

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