Vue.js 如何在vue指令中将函数作为参数传递

在react和jsx中，我将使用大括号作为参数传递嵌套函数及其参数。但由于vue js中有这种引用语法，我感到困惑

我想做的是这样的：

实际上，这是简化版 我试图做的是将代码保存在一个状态，并在其他情况下运行它

但这似乎不起作用。

你也应该这样做

---

实际上，您的语法是正确的。但在您的简单示例中，您试图访问未定义的

属性

或

数据

。您可能认为

控制台

是一个全局对象，应该从任何位置访问它，但不能。您只能从VUE中的

模板

访问组件属性（数据、方法等）。因此，您应该执行以下操作来访问控制台或任何其他全局对象：

 data() {
    return {
      console: Object,
    };
  },
  created() {
    this.console = console;
  },

---

你能描述一下

myFirstFunction（）

方法吗？我编辑了帖子什么是

code

类型？函数还是字符串？代码类型是函数

<span @click="() => console.log('param')" />

<span @click="myFirstFunction" />

methods: {
  myFirstFunction() {
     // your function
  }
}

 data() {
    return {
      console: Object,
    };
  },
  created() {
    this.console = console;
  },