当前位置: 首页 > Web前端 > vue.js

Vue的ref特性详解

时间:2023-04-01 12:04:09 vue.js

1.ref:获取DOM节点的使用refhello

如果用在普通DOM元素上,则引用指向DOM元素如果用在On子组件,引用指向组件实例。深入理解$refs一个组件的$refs包含了该组件的所有refs。请参阅下面的示例hello

从上图中,我们不难发现vm.$refs返回的是一个对象,这个对象有两个成员,包括所有的vm实例refvm.$refs.p是一个DOM元素vm.$refs.child是一个组件实例2.实战:获取子组件数据通过ref看下面的例子
{{sum}}