我们已经看到了组件及其用法。例如,我们有一个需要在整个项目中重复使用的内容。我们可以将其转换为组件并将其使用。

让我们看一个简单组件的示例,看看render函数必须在其中做什么。

考虑上面的示例简单示例,该示例可打印Hello World。

现在,如果要重用该组件,可以通过再次打印来实现。例如,

但是,现在我们需要对该组件进行一些更改。我们不希望打印相同的文本。我们如何改变它?如果我们在组件内部输入内容,是否会考虑?

让我们考虑以下示例,看看会发生什么。

输出结果与我们之前看到的相同,它不会根据需要更改文本。

Tips:组件确实提供了一些称为slot的东西。让我们利用它,看看是否能达到预期的效果。

如上面的代码所示,在模板中我们添加了插槽,因此现在需要使用值在组件内部发送。大家可以试试运行下效果,可以输出我们想要的数据。