介绍在JavaScript中需要通过document.querySelector (“# demo")来获取dom节点,然后再获取这个节点的值,在Vue中,我们不用获取dom节点,元素绑定裁判之后,直接通过这个。refs即美元可调用,这样可以减少获取dom节点的消耗。
ref介绍
& lt; p ref=皃"祝辞Hello
& lt; children ref=癱hildren"祝辞& lt;/children> refs.p美元
refs.children美元。 。美元参介绍
& lt; template>
,& lt; div>
,& lt; div ref=癿yDiv", v=?项目,,指数),拷贝arr",:关键=癷ndex"在{{项}}& lt;/div>
,& lt;/div>
& lt;/template>
,
& lt; script>
export default {
,数据(){
,return {
,,加勒比海盗:[& # 39;一个# 39;,,& # 39;两个# 39;,,& # 39;3 # 39;,,& # 39;4 # 39;】
,}
},
,安装(){
,console.log(这一点。refs.myDiv美元)
},
,方法:{}
}
& lt;/script>
,
& lt; style lang=皊ass", scoped>
,
& lt;/style> 实例(通过ref特性调用子组件的方法)
& lt; template>
,& lt; div>{{味精}}& lt;/div>
& lt;/template>
,
& lt; script>
export default {
,数据(){
,return {
,,味精:& # 39;我是子组件& # 39;
,}
},
,方法:{
,changeMsg (), {
时间=this.msg 才能;& # 39;变身& # 39;
,}
,}
}
& lt;/script>
,
& lt; style lang=皊ass", scoped> & lt;/style> & lt; template>
,& lt; div @click=皃arentMethod"比;
,& lt; children ref=癱hildren"祝辞& lt;/children>
,& lt;/div>
& lt;/template>
,
& lt; script>
import children 得到& # 39;组件/children.vue& # 39;
export default {
组件:,{大敌;
,children
},
,数据(){
{},return
},
,方法:{
,parentMethod (), {
这才能。refs.children 美元;//返回一个对象
这才能。$ refs.children.changeMsg(),//,调用孩子的changeMsg方法
,}
,}
}
& lt;/script>
,
& lt; style lang=皊ass", scoped> & lt;/style>
这篇文章将为大家详细讲解有关如何在Vue中使用裁判和裁判美元方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
在JavaScript中需要通过document.querySelector (“# demo")来获取dom节点,然后再获取这个节点的值,在Vue中,我们不用获取dom节点,元素绑定裁判之后,直接通过这个。refs即美元可调用,这样可以减少获取dom节点的消耗。
ref介绍
裁判被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的参美元对象上。如果在普通的dom元素上使用,引用指向的就是dom元素,如果用在子组件上,引用就指向该子组件实例
通俗的讲,裁判特性就是为元素或子组件赋予一个ID引用,通过。美元。参考文献refName来访问元素或子组件的实例
。美元参介绍
。参美元是一个对象,持有当前组件中注册过ref特性的所有DOM元素和子组件实例
<强>注意:参美元只有在组件渲染完成后才填充,在初始渲染的时候不能访问它们,并且它是非响应式的,因此不能用它在模板中做数据绑定
<强>注意:
当裁判和v代表一起使用时,获取到的引用将会是一个数组,包含循环数组源
实例(通过ref特性调用子组件的方法)
<强>【1】子组件代码:
【2】父组件代码:
关于如何在Vue中使用裁判和裁判美元方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
