插槽

作用：增强组件的可扩展性 ，扩展组件的时候不伤害源代码

插槽写在子组件中，起到占位的作用

父组件中：使用插槽 ，给空的插槽重新给数据进行渲染

分类 ：

1. 匿名插槽

2. 具名插槽 -- 有两种语法

（1）2.6.0之前

在子组件中：


在父组件中：

（2）新推荐的语法

在子组件中：



在父组件里面写：
<子组件名>
    v-slot是个指令 没有名字默认为v-slot:default
       
    可以简写为#
       
 

子组件向父组件传值：

2.6.0之后传值  
在子组件template中：

script中：
data(){
    return {
        n:123456
    }
}


在父组件中：


这样就能够实现从子组件向父组件传值了。嘻嘻嘻

2.6.0之前传值  基本已经废弃
在子组件template中：

script中：
data(){
    return {
        s:"gggggg"
    }
}


在父组件中：
{{s}}

父组件调用子组件的方法或数据：

给子组件一个ref标识

父组件：this.$refs.ref标识.数据或方法

子组件调用父组件的方法或数据：

this.$parent.数据或方法