[vue] Der Unterschied zwischen watch und watcheffect

Beide können Datenattributänderungen überwachen

Die Uhr muss klar überwachen, welches Eigentum vorhanden ist

watcheffect überwacht automatisch Änderungen basierend auf den Eigenschaften. Welches auch immer Sie schreiben, es wird überwacht. Wenn Sie es nicht geschrieben haben, wird es nicht überwacht.

Wenn watcheffect initialisiert wird, wird es auf jeden Fall einmal ausgeführt (um die zu überwachenden Daten zu sammeln). Watch hört nur zu, wenn Sie die anfängliche Überwachung einrichten.

 watch(
            // 第一个参数，确定要监听哪个属性
            () => state.age,
            // 第二个参数，回调函数
            (newAge, oldAge) => {
                console.log('state watch', newAge, oldAge)
            },

            // 第三个参数，配置项
            {
                immediate: true, // 初始化之前就监听，可选
                // deep: true // 深度监听
            }
        )
        
        watchEffect(() => {
            // 初始化时，一定会执行一次（收集要监听的数据）
            console.log('hello watchEffect')
        })
        watchEffect(() => {
            console.log('state.name', state.name)
        })