本文共 467 字，大约阅读时间需要 1 分钟。

一丶v-model

• lazy修饰符
  • 默认情况下，v-model默认是在input事件中同步输入框的数据
  • 也就是说，一旦有数据发生改变对应的data中的数据就会自动发生改变
  • lazy修饰符可以让数据在失去焦点或者回车时才会更新
• number修饰符
  • 默认情况下，在输入框无论我们输入的事字母还是数字，都会被当做字符串类型进行处理
  • 但是如果我们希望处理的是数字类型，那么最好直接将内容当做数字处理
  • number修饰符可以让在输入框中输入的内容自动转成数字类型
• trim修饰符
  • 如果输入的内容首尾有很多空格，通常我们希望将其去掉
  • trim修饰符可以过滤内容左右两边的空格

二丶代码实战

   
   
   
     
     
   
    
      
    
    
  
    
{  {message}}
      
    
    
  
    
{  {age}}——{  {typeof age}}
      
      
    
您输入的名字是：{  {name}}
   

三丶运行结果

——时人不识凌云木，直待凌云始道高——