<template>
<div>
<comp-one v-model="value" :aaa="value">
<span>this is content</span>
<div>hahah</div>
</comp-one>
</div>
</template>
<script>
import slotDemo from "./components/slotDemo.vue";
export default {
components: {
CompOne: slotDemo
},
data() {
return {
value: "123"
};
}
};
</script>
<style>
</style>
<template>
<div>
<!-- <div>{{aaa}}</div> -->
<div :style="style">
<div>{{aaa}}</div>
<slot></slot>
</div>
</div>
</template>
<script>
export default {
props: {
aaa: String
},
data() {
return {
style: {
width: "200px",
height: "200px",
border: "1px solid #aaa"
}
};
}
};
</script>
<style>
</style>