watch监听的immediate:true理解

watch: {
        data1: {
            // 监听数据 获取到数据里的数组数据
        handler(val) {
            this.getInfo()
        },
        deep: true, // 深度监听
        immediate:true, //当 watch 一个变量的时候,初始化时并不会执行你需要在created的时候手动调用一次。添加immediate属性,这样初始化的时候也会触发
        },
    },
    created() {
   // this.getInfo() --immediate:true包含了初始化时触发
}

解释:immediate表示在watch中首次绑定的时候,是否执行handler,值为true则表示在watch中声明的时候,就立即执行handler方法,值为false,则和一般使用watch一样,在数据发生变化的时候才执行handler。所以当为true时 在created周期里就可以不用在写 已经在watch 中写过的方法了

你可能感兴趣的:(web前端,前端,vue.js,javascript)