vue怎么获取所有同一类名的元素

Question

比如页面动态生成了100个li,每个li里面都有一个.name这个元素

<li><div class="name"></div><li>

jq的获取方法是$('.name'),然后$('.name').length可以获取到长度;
请问vue如何获取所有的.name并获取长度?

Answer 1

document.querySelectorAll（“.name”）

Answer 2

动态生成时添加上ref属性，使用this.$refs.ref名称获取

Answer 3

或者直接引入jQuery，还用原来方法获得。

Answer 4

既然用了vue就是用它的操作数据，可以给相同class的dom绑定一个数据 操作这个数据