Vue表单、计算属性computed、vue深浅监听、vue组件的简单使用

目录

Vue表单

 Vue计算属性

Vue 监听

Vue深度监听

Vue组件

---

Vue表单

  
    
    
    
    
    
  
  
    
    
      {{msg}} {{form}}
      


      
      
      
      
      用户名:

      

      
      
      
      
      
      年龄:

      

      
      性别:男
      女
      

      爱好:篮球
      足球
      游泳
      跳舞
      

      城市:
      
        南京
        西安
        北京
        上海
      
    

    
  

 Vue计算属性

  
    
    
    
    
    
  
  
    
    
        {{msg}}
        

        a: 
    

    +
    

        b:
    

    =
    

        {{total}}

    

    
  

Vue 监听

  
    
    
    
    
    
  
  
    
    
        {{msg}}
        

        a: 
    

    +
    

        b:
    

    =
    

        {{total}}

    

    
  

  

Vue深度监听

  
    
    
    
    
    
  
  
    
    
      {{msg}} {{obj}}
      

      更改obj数据
    

    
  

Vue组件

  
    
    
    
    
    
  
  
    
    
      {{msg}}
      
      
      
      

      

      {comMsg}} -->
      {comMsg}} -->