vue.js - Vue2 组件为价值

Question

可以在组件标签之间将值传递给组件吗？

示例：在格式化货币价值的组件中，我创建为：

<vue-component value="50" />

它显示

$ 50,00

现在，出于好奇，这是一种调用组件的方法，如下所示：

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

标签： vue.jsvuejs2

Answer 1

阅读插槽：vuejs.org/v2/guide/components-slots.html

铁：<template><h1><slot/></h1></template>

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

有可能的事实并不意味着你应该这样做。事实上，恰恰相反。Props 有多种优势（例如标记为必需、默认值、验证器等等），但首先，它们是将数据传递给每个 vuejs 开发人员都会理解的子组件的标准化方式。