深入理解vue组件

一、使用组件的细节点
当使用table、select等标签时，组件标签化可能会有bug，此时应该使用 is 接受组件。

在子组件定义data时，data必须是一个函数，不能是一个对象。
在vue中如果要操作dom，需要使用 ref 引用，从而获取dom节点。
需求：定义一个子组件，使其数字自加，在父组件中对子组件的数字求和。

    
        
        
        
    
    
        

            
            
            
{{total}}
        
        
        
    

二、父子组件之间的数据传递
单向数据流：父组件可以向子组件传递参数，传递的参数父组件可以任意修改。子组件不能修改父组件传来的参数，只能使用。
父组件向子组件传值：

子组件向父组件传值：

    
        
        
        
    
    
        

            
            
            
{{total}}
        
        
        
    

三、给组件绑定原生事件
使用native修饰符监听：

四、非父子组件之间的传值(Bus/总线/发布订阅模式/观察者模式)

五、Vue中的插槽（slot）

    
        
        
        
    
    
        

            
                
Xiaomo
            
        
        
        
    

局部插槽需要使用template标签括起来。
六、动态组件
标签表示动态组件，根据is值判断加载不同的组件。
v-once 可以有效提高静态页面展示效率。