vue中watch监听第一次监听不到值

例子

父组件

 <more  :type="curTab"/>

子组件

props: {
    type: {
      type: String,
      default: ''
    }
  },

 watch: {
    type: {
      handler (val, old) {
        this.settype()
      }
    }
  },

如果你是如上写法，通过监听父组件中得type的值，来触发子组件中的settype（）方法，就会出现首次监听失败的情况，原因是watch默认最开始的数据不会执行回调，就是说不会进行监听数据的变化，添加一个参数即可immediate: true，

 watch: {
    type: {
      handler (val, old) {
        this.settype()
      },
      immediate: true
    }
  },

原因：

 所以想要第一就进行回调，加上immediate: true选项即可