Vue.js火速上手第五章—— v-model指令及其修饰符

一、v-model.lazy修饰符

	

	
{
    {name}}

var app=new Vue({
		el: '#app',
		data:{
			name:'赵四',
		},
});

初始效果：

修改后，点击空白处之前：

点击空白处之后：

 二、v-model.trim修饰符

			

			
{
    {ident}}

 输入框的前后空格都被舍弃

三、 v-model.number修饰符

			

			
{
    {number}}

var app=new Vue({
		el: '#app',
		data:{
			name:'赵四',
			ident:'2102929394',
			number:'12',
		},
});

将字符串'12'，自动转换为数字12

四、本篇完整代码

index.html

	
	    
		
	
			
		

			

			
{
    {name}}
			

			
{
    {ident}}
			

			
{
    {number}}
		
		
		
	

 main.js

var app=new Vue({
		el: '#app',
		data:{
			name:'赵四',
			ident:'2102929394',
			number:'12',
		},
});