在Vue中，根据classname获取元素通常有以下几种方法：

1. 使用ref指令来给元素设置引用名称，然后在Vue实例的$refs对象中访问该元素。这种方法适用于获取单个元素。

   <template>
     <div ref="myDiv" class="some-class"></div>
   </template>
   
   <script>
   export default {
     mounted() {
       console.log(this.$refs.myDiv); // 访问元素
     }
   }
   </script>
   

2. 使用$el属性结合querySelector来获取具有特定类名的元素。这种方法适用于获取DOM中的第一个匹配元素。

   export default {
     mounted() {
       console.log(this.$el.querySelector('.some-class')); // 访问元素
     }
   }
   

3. 使用$nextTick来确保在DOM更新完成后获取元素。这对于在数据变化后需要访问更新后的DOM时非常有用。

   export default {
     mounted() {
       this.$nextTick(() => {
         console.log(this.$el.querySelector('.some-class')); // 访问元素
       });
     }
   }
   

4. 如果你想在组件外部访问组件的元素，可以使用Vue.nextTick方法。

   export default {
     mounted() {
       Vue.nextTick(() => {
         console.log(this.$el.querySelector('.some-class')); // 访问元素
       });
     }
   }
   

请注意，如果你的组件中有多个相同的classname，querySelector只会返回第一个匹配的元素。如果你需要获取所有匹配的元素，可以使用querySelectorAll方法，并遍历返回的NodeList。

为了确保classname的唯一性，你可以使用Vue的scoped CSS。这样，你的类名只会应用于当前组件的模板，不会影响到其他组件或全局样式。