以编程方式将具有计算属性的Vue组件注入另一个组件

Question

我正在构建一个包含与之关联的计数器的列表，如下图所示：

我正在努力学习如何注入每一行的正确部分，这是在一个单独的组件中处理当你点击每个按钮，更新其计数器时，每当我点击“添加新”时会发生什么。

如何注入组件及其依赖项和计算属性？

Answer 1

Eric Guan给我的答案是对的。我让Vue自己解决了一些问题。

我的自定义组件依赖于我在v-for中提供的任何内容，因此每当该数组发生更改时，我在该行上的组件将会跟随：

    <ul class="extras">
        <li v-for="extra in extras">
            <div>{{ extra.name }} </div>
            <div>{{ extra.price }}</div>

            <calculator :object="extra"></calculator>
        </li>
    </ul>