基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍

如下所示：

 
	
		
		
		css/bootstrap.css" rel="external nofollow" >
		
		
		
	
 
	
		

			
			
输入框的内容：{{items.type}}
		
		
	
 

ref 说明

//

如果我们想要获取这个div的某个值，比如scrollTop的值，常规的做法是我们必须用document.querySelector（".touchScroll"）获取这个dom节点，然后在获取scrollTop的值。

但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的div上绑定div，然后$refs里面调用就行

因此上面可以写成：

//

然后在javascript里面这样调用：

this.$refs.div.scrollTop.

这样就可以减少获取dom节点的消耗了！