vue中使用querySelectorAll

在 Vue 中使用 querySelectorAll 可以通过以下方式：

1. 在 Vue 组件的 mounted 钩子函数中使用：

mounted() {
  const elements = this.$el.querySelectorAll('.class-name');
  // do something with elements
}

2. 在 Vue 模板中使用 ref 属性：

<template>
  <div ref="container">
    <div class="item">item1</div>
    <div class="item">item2</div>
    <div class="item">item3</div>
  </div>
</template>

<script>
export default {
  mounted() {
    const elements = this.$refs.container.querySelectorAll('.item');
    // do something with elements
  }
}
</script>

需要注意的是，使用 querySelectorAll 获取的元素集合是一个 NodeList 类型的对象，不是数组，如果需要使用数组的方法，可以将其转换为数组：

const elements = Array.from(this.$el.querySelectorAll('.class-name'));