【Vue】之组件基础和交互

1. 响应按钮点击，全局注册组件

         点击{{count}}
        
    

    

    

2. 局部注册组件

        {{count}}
        
    
    
    

3. 局部创建组件，同一组件的值不会相互影响；传参方式：通过props传值给局部组件，改变参数值：components内部需声明data函数，才能使生效。

        Btn{{counter}}
        
        
    
    

    
    

4. 父组件通过props传值给子组件并改变值（也就是把data里面的数据，在components里面的props传给子组件，通过事件调用methods方法触发子组件值的改变）

        
父级标签：{{message}}
        
    
    
    
    

在components-my-children里面定义一个方法，可以使txt变换为message

mounted(){
                this.message = this.txt;
            },

5.组件之间传值通过$emit和$on

6.选项卡切换效果，显示不同组件