vue.js - VSCode中生成Vuex Getter Setter的一种方法

Question

有没有办法在 VSCode (Visual Studio Code) 中轻松生成 vuex Getter 和 Setter 计算属性？

标签： vue.jsvisual-studio-codevuexgeneratorgetter-setter

Answer 1

这是一种在计算属性中生成 Vuex Getter 和 Setter 的方法。

我使用 VSCode 代码段。这里的代码段：

{
"Vuex Getter and Setter ": {
    "scope": "javascript,typescript,vue",
    "prefix": "gset",
    "body": [
        "${2:property}: {",
        "\tget() {",
        "\t\treturn this.\\$store.state.${1:objet}.${2:property}",
        "\t},",
        "\tset(value) {",
        "\t\tthis.\\$store.commit('update${1/^(.)(.*)/${1:/upcase}${2}/}${2/^(.)(.*)/${1:/upcase}${2}/}', value)",
        "\t}",
        "}"
    ],
    "description": "Generate vuex getter and setter for an object and a property"
}

}

结果如下：

如果你知道更好的方法，或者很酷的 VSCode 插件来做到这一点，我很乐意学习