<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/Vue.js"></script>
</head>
<body>
<div id="app">
<p>{{Name}}</p>
<input v-model="firstName" />
<input v-model="lastName" />
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
firstName:'Hello',
lastName:'Vue!'
},
//计算属性
computed:{
Name:{
get:function(){//获得当前属性的值
return this.firstName + ' ' + this.lastName
},
set:function(value){//更新当前属性的值
var name = value.split(' ')
this.firstName = name[0]
this.lastName = name[1]
}
}
}
})
</script>
</body>
</html>
Vue学习笔记4———计算属性
猜你喜欢
转载自blog.csdn.net/progammer10086/article/details/85833719
今日推荐
周排行