[vue] La diferencia entre calculado y observado en vue

Muchas personas están confundidas acerca de la computación y el reloj. De hecho, los usos de ambos son completamente diferentes y no es necesario explicarlo mucho.

calculado se utiliza para calcular y generar nuevos datos. Estos datos se almacenan en caché.

El reloj es monitorear los datos existentes .

<template>
  <div> 总共 {
   
   {sum}}</div>
</template>

<script>
export default {
    data() {
        return {
            name:'zhangsan',
            countA:2,
            countB:8
        }
    },
    watch: {
        name(newValue, oldValue) {
            console.log('watch name', newValue, oldValue)
        }
    },
    computed: {
        sum() {
            // 有缓存
            return this.countA + this.countB
        }
    },
    methods: {
        getSum() {
            // 无缓存
            return this.countA + this.countB
        }
    },
}
</script>

[Nota] El uso de Computed también puede optimizar el proyecto porque Computed se almacena en caché. En el ejemplo anterior, siempre que los valores de CountA y CountB no cambien, el valor de la suma no se volverá a calcular cada vez.