Javascript 类似于对象的Vue指令语法

我在Vue上的一篇文本中遇到了一个奇怪的语法，我不知道我是否错过了ES*的一些JS语法更新，或者Vue的魔力正在发生

问题是，为什么以及如何使用这种语法，而实际上它不是一个函数，但更像是一个对象而不是函数

---

编辑：感谢大家的快速回复，虽然这个回复有点像我也想知道会发生什么，但我的意思是：“bind”已经在函数的块中，将下面的语句包含在一个额外的块中，所以如果这只是一个标签，控件将崩溃，就像它根本不在那里一样。还是我错了

 new Vue({
        el: "#app",
        data(){
            return {
                welcome: "Hello world"
            }
        },
        directives: {
            styleMe(el, binding, vnode, oldVnode) {
                bind: {
                    el.style.color = "blue";
                    el.style.fontSize = "42px";
                    el.className = "text-center";
                    alert('done');
                }
            }
        }

---

请突出显示需要解释的特定代码行。@aBiscuit我想这是

styleMe

方法中的

bind:{…}

部分看起来像是一个可能的重复，感谢大家的快速回复，尽管这个回复有点像我也想知道会发生什么，我的意思是：“bind”已经在函数的块中，将以下语句包含在一个附加块中，因此，如果这只是一个标签，控件将崩溃，就像它根本不存在一样。还是我错了？