vue插槽(slot)的使用

vue的slot分为三种：:匿名插槽，具名插槽， 作用域插槽

作用：让父组件可以向子组件指定位置插入 html 结构，也是一种组件间通信的方式，适用于父组  件=>子组件

一.匿名插槽 

1)带有插槽 的组件 TipsText.vue（子组件）

  作为我们想要插入内容的占位符——就这么简单！

2）父组件 Test.vue 引入 TipsText.vue

二.具名插槽 (给插槽加入name属性就是具名插槽)

1)带有插槽 的组件 TipsText.vue（子组件）

2）父组件 Test.vue 引入 TipsText.vue

三.作用域插槽

与前两者的不同 slot自定义:name="值" 子组件可向父组件传递信息

1)带有插槽 的组件 TipsText.vue（子组件）

2）父组件 Test.vue 引入 TipsText.vue