vue基础学习之computed

最新推荐文章于 2024-05-13 09:00:52 发布

seven_begain

最新推荐文章于 2024-05-13 09:00:52 发布

阅读量210

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/seven_begain/article/details/79370099

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<script type="text/javascript" src="js/vue.js" ></script>
		<div id="app">
			level {{level}}
		</div>
		<script type="text/javascript">
			
			var app =new Vue({
				el:'#app',
				data:{
					points:'90',
				},
				computed:{
					level:function(){
						if(this.points<=100){
							return "普通会员"
						}
						return "vip会员"
					}
				}
			})
		</script>

		<div id="app">
			level   {{username}}
			<input type="text" v-model="first" />
			<input type="text" v-model="last" />
		</div>
		<script type="text/javascript">
			
			var app =new Vue({
				el:'#app',
				data:{
					first:'jerry',
					last:'jack'
				},
				computed:{
					username:function(){
						return this.first+" "+this.last;
					}
				}
			})
		</script>