老师，怎么理解方法调用总是会在重渲染发生时再次执行函数？

问题描述：

老师，关于重渲染后总是会执行方法调用，我有点理不清这个逻辑，意思是指当这个vue实例里的任意一个元素发生改变，都会执行一遍method里的方法？我想了解的是vue这里的处理逻辑是什么样的？

例如下面代码，当点击反转按钮，更新的是content，但是也会导致另一个不相干的标签发生改变（ {{caculate()}}改变了），我想知道的是 当点击 反转按钮时，vue都做了哪些事情？

相关代码

 const app=Vue.createApp({
            data(){
                return {
                    content:'helloworld',
                    message:'say hello',
                    a:5,
                    b:2
                }
            },
            computed:{
                total(){
                    // return this.a*this.b;
                    return Date.now();
                }
            },
            methods:{
                handleReverse(){
                    this.content=this.content.split('').reverse().join('');
                },
                caculate(){
                    // return this.a*this.b;
                    return Date.now();
                },
            },
            template:`
            <div>
                <span>{{content}}</span>
                <button v-on:click="handleReverse">反转</button>
            </div>
            <div>{{total}}{{message}}{{caculate()}}</div>
            `
        });
        const vm=app.mount('#root');