vue获得元素的有甚么方法

在Vue中，获得元素的方法有以下几种：
1. 使用`ref`属性：可以在模板中给元素添加`ref`属性，然后通过`this.$refs`来获得元素的援用。例如：
```html

```
```javascript
export default {
mounted() {
const spanElement = this.$refs.mySpan;
console.log(spanElement); // 输出span元素的援用
}
}
```
2. 使用`querySelector`或`querySelectorAll`方法：可以通过`document.querySelector`或`document.querySelectorAll`方法来获得元素的援用。例如：
```javascript
export default {
mounted() {
const spanElement = document.querySelector('span');
console.log(spanElement); // 输出第一个找到的span元素
const spanElements = document.querySelectorAll('span');
console.log(spanElements); // 输出所有找到的span元素
}
}
```
3. 使用`this.$el`：在组件的钩子函数中，可以通过`this.$el`来获得组件的根元素的援用。例如：
```javascript
export default {
mounted() {
const rootElement = this.$el;
console.log(rootElement); // 输出组件的根元素的援用
}
}
```
这些都是经常使用的获得元素的方法，根据实际需求选择适合的方法。