Vue中refs和ref的用法
2018-10-27 21:32
489 查看
vue 中的ref
开发过程中遇到的问题
在实际的操作过程中发现在created生命周期中打印refs,结果为空对象
created:{ console.log(this.$refs);// {} }
知识点的查漏补缺
vm.$refs
类型: Object
只读
一个对象,持有已注册过ref的所有子组件
ref
ref被用来给元素或子组件注册引用信息。引用信息将会被注册到父组件的$refs对象中。
如果在普通的DOM元素上,引用指向的就是DOM元素;如果用在子组件上,引用指向的就是组件实例
//在p节点上 <p ref="p"></p> //$refs在实例上 <child-comp ref="child"></child-comp>
-
** ref只是作为渲染结果被创建,在初次渲染的时候你不能访问,因为他们还不存在!也就是在created生命周期的时候还没存在,所以无法访问到。$refs 只有在组件渲染完成时候才会填充**
-
$refs也不是响应式的,因此你也不应该试图用它在模板中坐数据绑定。应当避免在模板或计算属性中使用 $refs
-
当ref和v-for使用的时候,获取的引用是一个数组,包含和循环数据源对应的子组件实例。
参考: vue中的 ref 和 $refs
相关文章推荐
- vue里ref ($refs)用法
- Vue中ref与$refs的使用
- Vue $ref用法
- Vue $refs的基本用法
- vue $refs的基本用法
- 理解Vue 2.0 的ref属性及简单用法
- vue $refs的基本用法
- 深入理解vue $refs的基本用法
- Vue之ref与refs的使用
- vue笔记---vue1.0v-el:和v-ref用法
- 浅谈Vue.js中ref ($refs)用法举例总结
- vue $refs的基本用法
- vue中refs具体用法
- jQuery如何操作用Vue.js template的元素,用vm.$refs.id--id是vue的ref指定的一个引用
- vue 中 ref 的用法
- vue.js计算属性用法(computed)
- Vue组件基础用法
- vue.js中修饰符.stop的用法。
- vue过滤器在v2.0版本用法
- Your configuration specifies to merge with the ref 'refs/heads/master' from the remote, but no such