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> 

私はその意味とビルドにどのように影響するかを知りたいと思います。グーグルでは、Googleが検索時に特殊文字や一般的な単語を無視するため、何も表示されませんでした。これは、jQueryのAPIへの参照とW3Schoolsでのヒット数が多かったからです。

私はWebPackの変換と関係がありますが、Vue固有のものかもしれません。

Answer 1

Webpackとは関係ありません。これはVueのバインディング構文の一部です。 @は、関数/ステートメントをイベントにバインドするために使用されるv-on:のショートカット構文として使用されます。

だからあなたの例では、最初のli上clickイベントがdoStuff関数にバインドされ、第二li上clickイベントがdoThings関数にバインドされています。