<h5>14.计算属性getter</h5>
<div class="com">
	<p>姓:</p>
	<input type="text" v-model="firstName" />
	<p>名:</p>
	<input type="text" v-model="lastName" />
	<p>你的名字:<span>{{allName}}</span></p>
</div>
<pre>计算属性默认只有一个getter,也可以新增setter,我的理解:直接通过参数当函数名,挂载时会立即执行计算属性</pre>	 
<script type="text/javascript">
	//计算属性 
	const alls = {
		data(){
return{
	firstName:'请输入你的名字',
	lastName:'请输入你的名'
}
		},
		computed:{
allName(){
	return this.firstName+this.lastName;
}
		}
	}
	Vue.createApp(alls).mount('.com');
</script>

交互效果见:https://course.51qux.com/vue3-0-1

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。