参vue.js中美元怎么用

这篇文章给大家分享的是有关vue。js中参美元怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<李>

说明:vm。美元参一个对象,持有已注册过裁判的所有子组件(或HTML元素)

<李>

使用:在HTML元素中,添加ref属性,然后在JS中通过vm。美元。参考文献属性来获取

<李>

注意:如果获取的是一个子组件,那么通过裁判就能获取到子组件中的数据和方法

一般来讲,获取DOM元素,需<代码> document.querySelector (“.input1") 获取这个DOM节点,然后在获取input1的值。

但是用ref绑定之后,我们就不需要在获取DOM节点了,直接在上面的输入上绑定input1,然后美元参考文献里面调用就行。

然后在javascript里面这样调用:<代码>。美元。参考文献input1 这样就可以减少获取dom节点的消耗了。示例代码如下:

& lt;——,添加ref属性,——比; 　　& lt; div  id=癮pp"祝辞 　　& lt; input 类型=皌ext", ref=癷nput1"/比; 　　,,,& lt; button  @click=癮dd"在添加& lt;/button> 　　& lt;/div>//,获取注册过,ref 的所有组件或元素 　　& lt; script> 　　,,,Vue ({new  　　,,,,,,,el:,“# app" 　　,,,,,,,方法:{ 　　,,,,,,,添加:函数(){ 　　,,,,,,,,,,,这个。refs.input1.value 美元;=?2“,//这个。refs.input1 美元;,减少获取dom节点的消耗 　　,,,,,,,,,,,} 　　,,,,,,,} 　　,,,}) 　　& lt;/script>

感谢各位的阅读!关于“vue.js中参美元怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

参vue.js中美元怎么用