@click="active=index" 这行是什么意思，绑定事件不应该是一个方法吗？

Question

<div id="app">

<div class="container">
  <ul class="title flex">
    <li
      v-for="(item,index) in titles"
      @click="active=index"  
      :class="{active:index===active}"
    >
      {{item}}
    </li>
  </ul>
  <ul>
    <li v-show="active===0">11</li>
    <li v-show="active===1">22</li>
    <li v-show="active===2">33</li>
  </ul>
</div>

</div>

Answer 1

@click 是 v-on:click的缩写，指令绑定是表达式，不一定非得是方法哦

Answer 2

@click="active=index" 意思就是把你遍历的titles的 当前的index赋值给data中的active，结合下一行，用于决定是否绑定当前点击li的active类名

:class="{active: index === active}"