vue实例下的computed什么时候执行?
初始化的时候执行和相关的data发生变化后执行。举个例子,当我修改第一行和第二行时,第三行就会发生改变。改变前:改变后:代码:<form id="app" action=""><div><label>姓<input type="text" placeholder="请输入你的姓" v-model="xing"></label></d
·
初始化的时候执行和相关的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;
}
}
});
更多推荐
已为社区贡献3条内容
所有评论(0)