VUE 之 $ref 和 $refs

本文全是总结参考摘抄至网络,谢谢各路大神的总结<仅供自己复习>
1.vue中$refs的用法及作用: 原文链接:https://www.jianshu.com/p/e1f4e3ac6606

一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。
但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后 ''$ refs'里面调用就行。
然后在javascript里面这样调用：this.$refs.input1 这样就可以减少获取dom节点的消耗了

2.用代码增加删除dom元素:
http://www.imooc.com/wiki/detail/id/1590

创建新的 HTML 元素

如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。

实例

这是一个段落
这是另一个段落