重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

Vue中ref特性怎么使用

这篇“Vue中ref特性怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue中ref特性怎么使用”文章吧。

成都创新互联公司从2013年成立,是专业互联网技术服务公司,拥有项目成都网站设计、网站建设、外贸网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元丰润做网站,已为上家服务,为丰润各地企业和个人服务,联系电话:028-86922220

一、ref的基本使用

ref的使用

hello

如果在普通的 DOM 元素上使用,引用指向的就是DOM 元素如果用在子组件上,引用就指向组件实例

深入理解$refs

某组件的$refs含有该组件的所有ref,看下面的例子


  hello

  

Vue中ref特性怎么使用

从上图中我们很容易发现
vm.$refs返回了一个对象,这个对象内有两个成员,包含了vm实例的所有ref
vm.$refs.p是DOM 元素
vm.$refs.child是组件实例

二、实战:通过ref获取子组件data

看下面的例子


  
  
  
{{sum}}

以上就是关于“Vue中ref特性怎么使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


网页名称:Vue中ref特性怎么使用
标题链接:http://cqcxhl.cn/article/ishodo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP