this 方法名 拼接_ES6动态计算属性名的另外一种用法/属性名表达式

前言

关于ES6动态计算属性名这方面我没有找到太多的内容，目前的教材只有犀牛书，所以在国内查到了一些博文（实际关联的只有一篇）。

之所以说是另外一种用法，因为我认为这种用法和我目前找到的这篇博文是相反的，而且逻辑上也是相反的，但是的的确确有效果，而且我认为能解决很多问题。

评论区提醒这种写法是es5之后出现的，这也许是es6没有提到相关内容的原因，不过无伤大雅。

问题描述

功能需求：

通过JS实现Vuetify动态修改主题，并且尽可能减少代码重复率。

首先我贴上写好的代码：

template：

              <v-btn
                fab
                elevation="12"
                x-large
                class="my-2 ml-5"
                :color="theme.name"
                :style="
                  $vuetify.breakpoint.mdAndUp
                    ? 'font-size:0.25rem'
                    : 'font-size:0.5rem'
                "
                @click="
                  theme.status = 1;
                  g