javascript - 以编程方式将具有计算属性的 Vue 组件注入(inject)到另一个组件中

Question

我正在构建一个与计数器关联的事物列表，如下图所示:

我正在努力研究如何注入(inject)每行的正确部分，该部分位于一个单独的组件中，并处理当您单击每个按钮时发生的情况，更新其计数器，每当我单击“添加新”时。

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

Answer 1

Eric关给我的答案是对的。我让 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>