背景：在vue定义了个子组件主要是一个登录框，在点击登录时需要对输入框的值进行判断
过程问题：当时用了网上推荐最多的ref和html的getElementById，但是发现输入框类型为password时就无法获取
解决办法：最终使用v-model双向绑定的方法解决
过程：按键触发函数如下run，先弹出提示框，内容为username的长度，然后判断password的长度是否为空(判断长度的原因是防止输入空格键)，就发现if函数没反应，但alert能正常提示
template代码：
<input ref="username" type="text" >
<input ref=“userpassword” type="password" >
script中default的method函数：
methods:{
run:function(){
alert(this.$refs.username.length)
if(this.$refs.userpassword.length==0)
this.$emit('run',true)
else
this.$emit('run',false)
}
然后将alert中的内容换为this.$refs.userpassword.length发现alert也没了反应，所以定位出是this.$refs.userpassword.length出了问题，后尝试将length换位value等还是无法解决，最后尝试用v-model进行双向绑定解决问题，但是需要在进行default初始化时定义变量，然后再template中绑定
template代码：
<input v-model=username type="text" >
<input v-model=userpassword type="password" >
