Vue总结3-组件相关

1.定义全局组件

  • 1.1 方法一

  • 
    
    
        
        37-Vue组件-自定义全局组件
        
    
    
    
    
    
  • 1.2 方法二

  • 
    
    
        
        38-Vue组件-自定义全局组件
        
    
    
    
    
    

2.定义局部组件

  • 
    
    
        
        39-Vue组件-自定义局部组件
        
    
    
    
    
    

3.组件中的data和method

  • 
    
    
        
        40-Vue组件-组件中的data和methods
        
    
    
    
    
    

    {{appMsg}}

4.组件切换

  • 4.1 通过v-if切换

  • 
    
    
        
        42-Vue组件-组件切换
        
    
    
    
    
    
  • 4.2 通过component切换

  • 
    
    
        
        43-Vue组件-动态组件
        
    
    
    
    
    
  • 4.3 切换动画

  • 也是通过transition和transition-group

5.父子组件

  • 5.1 基本概念

  • 
    
    
        
        46-Vue组件-父子组件
        
    
    
    
    
    
  • 5.2 父子组件数据传递

  • 
    
    
        
        47-Vue组件-父子组件数据传递
        
    
    
    
    
    
  • 5.3 父子组件方法传递

  • 
    
    
        
        48-Vue组件-父子组件方法传递
        
    
    
    
    
    
  • 5.4 组件命名注意点

  • 
    
    
        
        50-Vue组件-组件中的命名注意点
        
    
    
    
    
    
  • 5.5 组件多级传递

  • 
    
    
        
        51-Vue组件-数据和方法的多级传递
        
    
    
    
    
    

你可能感兴趣的:(Vue总结3-组件相关)