vue watch handler

普通監聽

缺點：不能深度監聽（對象屬性的改變），刷新或首次加載不能執行。

watch: {
            carts: function (val, oldVal) {
                console.log('new: %s, old: %s', val, oldVal)
            }
        }
複製代碼

高級監聽

• handle：watch中須要具體執行的方法。

• immediate：true當即執行handle方法（首次加載、刷新、數據改變）都會執行，缺點監聽不到對象屬性中發生的改變。

watch: {
            carts: {
                handler(val, oldVal) {
                    console.log('new: %s, old: %s', val, oldVal)
                },
                immediate: true
            }
        },
複製代碼

• deep：true深度檢測。例如數組對象中的某個屬性改變執行handle方法。

watch: {
            carts: {
                handler(val, oldVal) {
                    console.log('new: %s, old: %s', val, oldVal)
                },
                deep: true
            }
        },
複製代碼