vue3基础 模板引用

模板引用

虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 refattribute

挂载结束后引用都会被暴露在 this.Srefs 之上

1、给元件挂上 ref属性

<div ref="contain"></div>

2、在脚本中获取到该元件的DOM属性

this.$refs.contain

这是一个原生javascript的DOM元素，你可以使用类似.innnerHTML、.value等属性来操作他们
如果没有特别需求不要操作DOM