vue中getset怎么做（vue计算属性的setter和getter）
vue中getset怎么做（vue计算属性的setter和getter）<div id="app"> <!-- 字符串拼接的三种方案，都可以实现，第三种方法更好！ --> <body> <title>计算属性的setter和getter</title> <script src="../js/vue.js"></script> </head>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算属性的setter和getter</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="app"> <!-- 字符串拼接的三种方案，都可以实现，第三种方法更好！ -->
<!-- 第一种方案直接拼接 过于繁琐 -->
<!-- <h1>{{firstName}} {{lastName}}</h1> -->
<!-- 第二种方案调用methods中的函数 -->
<h1>{{getstr()}}</h1>
<h1>{{getstr()}}</h1>
<h1>{{getstr()}}</h1>
<h1>{{getstr()}}</h1>
<!-- 第三种方案调用computed中的属性 -->
<!-- <h1>{{jieguo}}</h1> -->
</div>
<script type="text/javascript">
const app = new Vue({
el: "#app"
data:{
firstName: "你好！"
lastName: "我也好！"
}
methods:{
getstr: function(){
console.log(123)
return this.firstName this.lastName
}
}
computed:{
// jieguo: function(){
// return this.firstName this.lastName
// }
jieguo: {
set: function(xinzhi){
console.log("***" xinzhi)
}
get: function(){
return "大家都好！"
}
}
}
})
</script>
</body>
</html>
