计算属性的set、get

最新推荐文章于 2024-10-24 10:02:08 发布

原创最新推荐文章于 2024-10-24 10:02:08 发布 · 346 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title</title>
	<script src="./vue.js"></script>
</head>
<body>

	<div id="app">{{fullName}}</div>

	<script>
		var vm = new Vue({
			el:'#app',
			data:{
				firstName:'shengtong',
				lastName:'zhu',
			},
			computed:{
				fullName:{
					get(){
						return this.firstName+' '+this.lastName;
					},
					set(value){
						var v=value.split(' ');
						this.firstName=v[0];
						this.lastName=v[1];
					}
				}
			}
		})
	</script>

</body>
</html>