重学Vue（三）--一点点高级特性

前言

之前走过一遍Vue基础，和React的对比去学，上手也还可以，也着实感觉到Vue在某些方面是很方便的。这篇文章主要介绍一下Vue的高级特性。

slot

说slot是高级特性，但是感觉平时的使用中也会带来很大的方便。slot主要分为普通的slot使用，就是在调用的子组件中插点东西，同时把插入的东西在子组件合适的位置显示出来。

接着还有些别的使用，如我们想在父组件中使用子组件的数据当作插槽，如下：

// App.vue
    <HelloWorld msg="Hello Vue in CodeSandbox!">
      <template v-slot="slotProps">{
   {
   slotProps.slotdata.name}}</template>
    </HelloWorld>

//HelloWorld.vue
    <slot :slotdata='obj'>如果啥都不传，显示</slot>
    ...
    data