vue19-获取子组件引用 ref

下面代码是一个计数器的功能,首先看下面代码:



    
        
        Hello world
        
    
    
        
{{sum}}

 

我们定义了一个组件counter,在html中两个div标签对组件做了引用,一个ref设置one,一个ref设置为two。

第三个div是上面两个div数字的和,我们做的效果就是上面两个div数字增加时,获取两个组件的值,显示到第三个div标签中。

(当ref在html标签上时,是对dom的引用,当ref在组件上时,是对组件的引用)

this.$refs.ref就是对组件的引用,我们拿到两个组件的count的和,赋值给父组件的sum.

 

vue19-获取子组件引用 ref_第1张图片

你可能感兴趣的:(Vue)