Vue2组件为<vue-component> value </vue-component>

时间:2019-07-29 21:04:43

标签: vue.js vuejs2

是否可以在组件标签之间将值传递给组件?

示例:在将价值格式转换为货币的组件中,我创建为:

<vue-component value="50" />

它显示

$ 50,00

现在,出于好奇,这是一种调用此类组件的方法:

    <vue-component>50</vue-component>

1 个答案:

答案 0 :(得分:2)

了解广告位:vuejs.org/v2/guide/components-slots.html

Fe:<template><h1><slot/></h1></template>

您可以通过以下方式访问ita值:this.$slots.default[0].text

可能的事实并不意味着您应该这样做。实际上,恰恰相反。道具具有多个优点(例如标记为必需项,默认值,验证器等等),但首先,它们是将数据传递给每个vuejs开发人员都会理解的子组件的标准化方法。