详解Vue之计算属性

模板内的表达式通常用于简单的运算，当其过长或逻辑复复杂时，会变得难以维护 什么是计算属性 在Vue应用中，在模板中双向绑定一些数据或者表达式，但是表达式如果过长，或者逻辑更为复杂时，就会变得臃肿甚至难以维护和阅读，比如 <div> {{text.split(',').reverse().join(',')}} </div>. 这里表达式包含三个操作，并不是很清晰，所以在遇到复杂的逻辑时应该使用计算属性，上例可以用计算属性进行改写： <div id=CalculationProperties> {{ReversedText}} </div> [removed] var