Web 我们应该在什么时候使用Vue.js'；s分量

当我研究Vue.js的组件系统的特性时。我感到困惑，我们应该在何时何地使用它？在Vue.js的文档中，他们说

js允许您将扩展的Vue子类视为可重用的 概念上类似于Web组件的组件，没有 需要任何填充物

但是基于他们的例子，我不清楚它如何帮助重用。我甚至认为这会使逻辑流程变得复杂。

例如，你在应用程序中经常使用“警报”。如果您经历过引导，则警报如下：

<div class="alert alert-danger">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
    <strong>Title!</strong> Alert body ...
</div>

以及HTML模板（为了清楚起见，我将其与上面的Vue Comp分开）：

&时代；
{{bold}{{msg}

那么你可以这样称呼它：

<alert type="success|danger|warning|success" bold="Oops!" msg="This is the message"></alert>

请注意，这只是一个4行的模板代码，想象一下，当你的应用程序使用了100+行代码的大量“小部件”时

---

希望这能回答……

tl；dr跨浏览器非标准Web组件。

<div class="alert alert-{{ type }}" v-show="isShown">
    <button type="button" class="close" v-on="click: closeAlert()">&times;</button>
    <strong>{{ bold }}</strong> {{ msg }}
</div>

<alert type="success|danger|warning|success" bold="Oops!" msg="This is the message"></alert>