vue实例下的computed什么时候执行？

初始化的时候执行和相关的data发生变化后执行。
举个例子，当我修改第一行和第二行时，第三行就会发生改变。
改变前：

改变后：

代码：

<form id="app" action="">
    <div>
        <label>姓
            <input type="text" placeholder="请输入你的姓" v-model="xing">
        </label>
    </div>
    <div>
        <label>名
            <input type="text" placeholder="请输入你的名" v-model="ming">
        </label>
    </div>
    <div>
        <label>姓名
            <input placeholder="请输入你的姓名" type="text" v-model="fullName">
        </label>
    </div>
</form>

 new Vue({
        el: '#app',
        data: {
            xing: '王',
            ming:'小明'
        },
        computed:{
            fullName(){
                return this.xing+this.ming;
            }
        }
    });