Vue如何class切换

Question

<ul class="fs-8" id="select-product-app">    <li class="chose-btns-contianer">25</li>    <li class="chose-btns-contianer">26</li>    <li class="chose-btns-contianer">27</li>    <li class="chose-btns-contianer">28</li>    <li class="chose-btns-contianer">29</li>    <li class="chose-btns-contianer">30</li></ul>如代码所示，如何实现li被点击后vue为他添加btn-active类，点击其他的来回切换？

Answer 1

1.在data里面定义你要添加的class名字

2.

绑定点击事件（要传index）

3.