Javascript 使用WebPack时，点击@的意义是什么？

在本文中，我看到了下面的一段

<template>
  <div id="blopp">
    <ul>
      <li @click="doStuff">Stuff</li>
      <li @click="doThings">Things</li>
    </ul>
  </div>
</template>

东西
事情

我想知道这意味着什么，以及它如何影响构建。谷歌什么也没给，因为谷歌在搜索时忽略了特殊字符和常用词，所以我得到的只是一堆jQuery API的参考资料和一些关于W3C的点击

---

我有一种预感，这与网页包转换有关，但也可能特定于Vue。

这与网页包无关-它是Vue绑定语法的一部分

@

用作的快捷语法，用于将函数/语句绑定到事件

---

因此，在您的示例中，第一个

li

上的

click

事件绑定到

doStuff

函数，第二个

li

上的

click

事件绑定到

doThings

函数。

>更新？@KonradViltersten:没错：）好吧，只要我们讨论Vue中的语法问题，我就不知道如何为mapActions部署“…”操作符，我的clickaroos无法正常工作。我应该问一个新的问题，还是说这是一个超级简单的问题？（我试图实现。）@KonradViltersten:你在用巴贝尔吗？该语法目前只是一个建议，而不是JavaScript规范的确认部分，因此您需要一个额外的巴别塔插件来使用它。该插件可以在这里找到，并附有安装说明：@KonradViltersten:或者，您可以不使用

mapActions

像这样：

方法：{updateData:（）=>this.$store.dispatch（“updateData”）、resetData:（）=>this.$store.dispatch（“resetData”）}

。生成的对象是相同的，

mapActions

只是让它看起来更漂亮一点。