作用域插槽slot

通常，插槽内使用的属性，使用的是引用组件的组件的属性值。

<template>
  <div>
    <child v-model="value">
        <span>{{value}}</span>
    </child>
  </div>
</template>

<script>
import child from "./components/child.vue";
export default {
  components: {
    child: child
  },
  data() {
    return {
      value: "132"
    };
  }
};
</script>

<style>
</style>

<template>
  <div :style="style">
    <slot></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      style: {
        width: "200px",
        height: "200px",
        border: "1px solid #ccc"
      }
    };
  }
};
</script>

<style>
</style>