每日一博 | 你知道,什么时候用 Vue 计算属性吗?
摘要:当我们处理复杂逻辑时,都应该使用计算属性。 本文分享自华为云社区《深入理解计算属性,知道什么时候该用Vue计算属性吗?》,作者: 前端老实人 。 计算属性 有些时候,我们在模板中放入了过多的逻辑,从而导致模板过重,且难以维护。例如: <div id="app"> {{ message.split('').reverse().join('') }} </div> 碰到这样的情况,我们必须看一段时间才能意识到,这里是想要显示变量message的翻转字符串,而且,一旦我们想要在模板中多次使用翻转字符串时,会更加麻烦。 所以,当我们处理复杂逻辑时,都应该使用计算属性。 基础用法 计算属性是Vue配置对象中的属性,使用方式如下: <div id="app"> <!-- 计算属性的值可以像data数据一样,直接被使用 --> {{ someComputed }} </div> const vm = new Vue({ el: '#app', computed: { // 返回的值,就是计算属性的值 someCo...
