vue.js基础之计算属性的get和set

最新推荐文章于 2022-10-12 20:06:39 发布

前端yyds无敌

最新推荐文章于 2022-10-12 20:06:39 发布

阅读量106

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/hdb2405474279/article/details/119448936

版权

vue.js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算属性的get和set</title>
		<script src="js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			{{fullName}}
		</div>
		<script>
		var app = new Vue({
			el:'#app',
			data:{
				firstName:"Dell",
				LastName:"Lee"
			},
			
			/*
			计算属性（computed）的getter和setter方法
			set函数里面的v值指向的是fullName
			get函数返回的值指向的是fullName
			*/
			computed:{
				fullName:{
					get:function(){
					return this.firstName + " " + this.LastName
					},
					set:function(v){
						arr = v.split(" ")
						this.firstName = arr[0]
						this.LastName = arr[1]
					}
				}
			}
		})
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端yyds无敌

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue.js基础之计算属性的get和set

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>计算属性的get和set</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> {{fullName}} </div> .
复制链接

扫一扫