初始化的时候执行和相关的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;
            }
        }
    });
Logo

前往低代码交流专区

更多推荐