使用WebPack时@在点击中有什么意义？

Question

在one of the guides for Vue framework中，我看到了以下段落。

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

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

我有一种预感，它与WebPack转换有关，但也可能特定于Vue。

Answer 1

这与Webpack无关 - 它是Vue绑定语法的一部分。 @用作v-on:的快捷语法，用于将函数/语句绑定到事件。

因此，在您的示例中，第一个click上的li事件绑定到doStuff函数，第二个click上的li事件绑定doThings绑定到.5 1 1.333333 Over N/A 0 函数。