vue3.0获取dom节点

vue2.x版本中我们获取dom节点就是直接在html上面定义ref然后this.$refs.ref就可以了。

但是vue3.0中已经没有this了,而且变量命名方式也改为了ref(),这样我们如何获取dom节点呢?

首先还是同vue2版本一样,在html上面定义ref:

<div ref="divRef"></div>

  然后在ts文件中定义:

const divRef = ref(null)

  最后记得return,然后在mounted的时候去获取divRef.value就可以了

ps:

console.dir()  可以打印该函数下的所有方法

上一篇:学习笔记--面向对象的封装性


下一篇:理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理