vue组件不显示内容

Question

写了一个卡片组件
<div :style="{width:300+'px}">

</div>

props:{

width:{
type:Number,
default:100
}

}
引用这个组件
import card from ‘comonents’

components:{
card
}

<card> 12345 </card>

在页面上并没有显示12345

Answer 1

显示才怪嘞。
组件意思就是一个东西可以在别的地方重复用，只用传几个参数来自定义。它并不同于普通的html标签。

当然组件也通过slot提供了自定义部分Html的功能。

<div :style="{ width: '300px' }">
    <slot></slot>
</div>

这样也可以渲染出12345了...

查看文档详细了解吧