Vue 中的 $refs

49 阅读1分钟
<template>
    <div ref="container">nihao</div>
</template>

<script>
export default {
    mounted() {
      this.$refs.container
    }
}
</script>

一般来讲,获取DOM元素,需要document.querySelector(".container")获取这个dom节点。但是使用 ref 绑定之后我们就可以直接通过 this.$refs.container 获取和调用它,这样就可以减少获取dom节点的消耗了