Vue.js 中 ref 函数的作用
ref 函数在 Vue.js 中是一个用于创建可变引用(mutable reference)的函数,允许访问和修改组件实例或 DOM 元素。它在以下场景中非常有用:
1. 访问 DOM 元素
在 ref 函数中,可以传递一个字符串或一个函数作为参数,表示要引用的 DOM 元素,例如:
<code><template><div ref="myDiv">...</div> </template><script> export default { mounted() { console.log(this.$refs.myDiv); // 访问 DOM 元素 } } </script></code>