es6在vue中怎么去写绑定事件？

Question

在网上看到这么一个例子，用on去绑定，但是on不是jQuery的方法吗？在Vue中可以直接写on吗？为什么我用addEventListener会不支持此方法？

 let that = this;
      this.button1.on('click',function(e){
           this.addClass('on'); //this指代所点的元素
           that.doSomething();  //that指向类的this
      })

Answer 1

点击事件直接在html标签那里写@click=“”就行

Answer 2

为什么不在标签的属性中绑定，调用methods中的方法呢？这是vue推荐的做法。楼主的写法偏向于jq，个人不推荐

Answer 3

template

   <div  @click="clickHanlder"></div>    

methods

   clickHanlder(){
        //TODO
   }