vue 计算属性的setter和getter
程序员文章站
2024-02-20 15:41:04
...
- 计算属性默认只有 getter ,不过在需要时你也可以提供一个 setter getter 用于监控属性变化时触发。
set可选,当computed属性自身被赋值时触发
<div id="app">
{{fullName}}
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
firstName: "Dell",
lastName: "Lee"
},
computed: {
fullName: {
get: function () {
return this.firstName + " " + this.lastName
},
set: function (value) {
var arr = value.split(" ");
this.firstName = arr[0];
this.lastName = arr[1];
}
}
}
})
</script>
上一篇: Swift3.0 - 类和结构体的区别
下一篇: JS的实例方法和静态方法