新手上路,vue 在computed 中可以 设置一个计算对象吗感激不尽

Question

类似于这样的，多层嵌套的计算属性，不知道是否可以？computed:{
styles:function(){
return{
slider:function(){
return{
height:{
cache:false,
get:function(){
return'auto';
}
},
width:{
cache:false,
get:function(){
return$('#slideshow').width();
}
}
}
}
}
}
},

Answer 1

可以的啊，为什么不可以。只是你在使用的时候，需要styles.slider但是但是，这样没好处；建议还是分开。可以通过命名来解决识别的问题；例如：styles_slider按照提问人的需要，给出代码如下：{{time}}{{obj.now.time}}当前时间exportdefault{name:'app',data(){return{time:Date.now()}},computed:{obj(){/**这里返回一个对象*/return{now:{time:`${this.time}`}}}},methods:{/**修改名称*/update(){this.time=Date.now();}},}

Answer 2

可以的，本质上computed就是一个purefunction(不产生副作用)，只需要computed中使用到可以被watch对象/属性（data/compited）就是可以的。