Vue 知识点记录

获得窗体（浏览器？）大小：

let clientHeight=document.documentElement.clientHeight;
let clientWidth=document.documentElement.clientWidth;

watch监听：

<template>
<input v-model="user.cardNo"/>
<input v-model="count"/>
</template>
<script>
export default{
	data(){
		return {
				user:{
					'userName':'',
					'idCard':'',
					'mobile':'',
					'developer':'中信',
					'money':12,
					'cardNo':'1203413200000098763'
				},
                count:''
			}
		},
		mounted(){
			let clientHeight=document.documentElement.clientHeight;
			let clientWidth=document.documentElement.clientWidth;
			//alert(clientHeight+"======"+clientWidth+"=====");


		},
		//watch不能放在methods方法内	
		 watch:{
		 	user:{
		 		alert(newValue+"------"+oldValue);
		 		handler: function(newValue,oldValue)   {console.log(this.user.userName+"===="+this.user.idCard)},                                                 
		 		deep:true
		 	},//如果是对象需要用handler去监听
		 	count:function(newValue,oldValue){console.log(newValue+"~~~"+oldValue)}
            //如果直接是变量，可以直接监听
		 }
	}
</script>

 判断输入是至多只能输入2位小数的金额：

<input size="medium" type="text" v-model.trim="user.money" 
placeholder="提取金额" :maxlength="inputMaxL"  
@input="inputMaxL = /^\d+\.?\d{0,1}$/.test(user.money) ? null : user.money.length - 1" onkeyup="value=value.replace(/[^\d.]/g,'')"></input>