vue3.0 已经废弃slot， vue3.0 更改之前slot正确方法介绍

 

子组件写法如下

父组件改成

 

 

可以看到，我们的父组件获取子组件传值，可以通过 v-slot 的自定义命名值来获取对象数据。

而子组件给父组件传值，如果是传单个值，可以用 :color="color" 这样的语法来进行传值。如果要传多个数据，则可以使用 v-bind 来传一个对象出去。

刚刚尝试了一下，v-bind 可以缩写成 : 也就是说，上面的代码可以写成  ，但是我个人不推荐这样写，有点懵逼。