vue 计算属性 computed

weixin_30248399

于 2019-02-19 16:52:00 发布

阅读量77

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaofenguo/p/10402187.html

本文深入解析Vue中计算属性的使用，特别关注其默认只包含getter的特性，以及如何手动添加setter来实现更复杂的逻辑处理。通过实例展示了计算属性在响应式数据变化时的高效运用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

计算属性默认只有getter，所以计算属性的值不能收到设置值，否则会提示没有setter,如果需要可以手动设置setter、

data(){
　　firstName:'',
   lastName:''
},
computed:{

　　fullName:{
　　　　get:function(){
　　　　　　return this.firstName+" "+this.lastName
　　　　},
　　　　set:function(newValue){

　　　　　　let names=newValue.split(" ");
　　　　　　this.firstName=names[0];
　　　　　　this.lastName=names[names.length-1];
　　　　}
　　}
},
mounted:function(){
　　this.fullName="zhang san";